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

Question

我有一个这样的脚本：

例子.js：

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

ex1();
ex2();

我想在我的 html 页面的不同位置使用example.js中的ex1()和ex2() ，并对它们进行不同的样式设置。

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

谢谢，

Answer 1

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

但是，“样式化”它们是什么意思？功能之间有什么区别？

EDIT 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教程吗？它们非常全面，您可以获得积分，而且是免费的。

祝你好运！