从一个javascript文件中分别调用2个不同的函数

Question

我有一个这样的脚本：

example.js ：

function ex1(){document.write('example1');}
function ex2(){document.write('example2');}

ex1();
ex2();

我想在我的html页面的不同位置使用来自 example.js 的 ex1（）和 ex2（），并设置样式不同。

那么如何在我的html中分别调用这些 ex1（）和 ex2 。可能吗？如果可能，怎么样？

谢谢，

Answer 1

如果你有从html引用的文件，你可以毫无问题地调用这些函数。

你的“造型”是什么意思？ 这些功能之间有什么区别？

编辑 OP需要在每个函数中输出不同的样式：

function ex1(){document.write('<p class="classone">example1</p>');}<br>
function ex2(){document.write('<p class="classtwo">example1</p>'');}

之后，像这样修改你的CSS：

.classone{
   // styles for the first
}

.classtwo{
   // styles for the second
}

Answer 2

作为一种快速解释，document.write用“()”中的任何内容替换页面内容：

eg. document.write("hello world"); // Replaces everything with "hello world"

这是因为代码的document部分引用了页面正文中的所有内容（基本上是您看到的所有内容）。

要仅在页面的特定部分放置文本，您必须首先引用要放置文本的项目/元素。您可以通过多种方式执行此操作，例如按元素引用（如在@ metal_fan的示例中），按类，元素类型等。您还可以使用jQuery之类的框架，这些框架专门用于引用元素。

@ metal_fan解决方案的jQuery版本：

eg. jQuery("#myId").html("hello world"); // Replaces content of #myId element with "hello world"

正如 @Kenneth 暗示（虽然有点严厉），要好好利用这一点，您可能需要增加对javascript和HTML的理解。我建议你注册 codingacademy.com turorials 吗？它们非常全面，你获得积分，而且是免费的。

祝你好运！