從一個調用2種不同功能的單獨的JavaScript文件

example.js：

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

ex1(); 
ex2();

我想用EX1（）和EX2（） from example.js在我的html頁面的不同位置，並對它們進行不同的設計。

那麼如何在我的html中分別調用這些ex1（）和ex2。可能嗎？如果可能的話，如何？

感謝，

來源

2013-04-21 Atilla

您似乎認爲'document.write'可以直接在HTML中調用，並且它會寫入您指定的名稱。您將考慮DOM操作的DOM API或嘗試jQuery。然後，你會寫你想要的東西，你想要的地方。 – lib3d 2013-04-21 13:01:02

如果你想添加一些文本或HTML到頁面，你應該看看DOM API，如上面的註釋狀態。我發現了這個向頁面添加內容的簡單示例：http://www.java2s.com/Tutorial/JavaScript/0460__DOM-Node/Createanelementfromdocument.htm – Cristian 2013-04-21 13:09:19

非常感謝 – Atilla 2013-04-21 13:47:10

如果你從你的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 
}

來源

2013-04-21 12:16:29 Kenneth

我想example1 - 斜體，紅色和example2粗體，藍色 – Atilla 2013-04-21 12:20:26

謝謝，我怎麼能分別從HTML中調用ex1（）和ex2（）？ – Atilla 2013-04-21 12:26:21

看作是一種簡單解釋，document.write替換頁面的內容，無論是在內部的任何東西「()」：

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

這是因爲document代碼的一部分引用了頁面主體中的所有內容（基本上是您看到的所有內容）。

要僅將文本放入頁面的特定部分，您必須先引用要放置文本的項目/元素。你可以通過很多方式來完成這個任務，比如通過元素引用（比如@ metal_fan的例子），通過類，元素類型等等。你也可以使用專門引用元素的框架，比如jQuery。

的jQuery版本的@ metal_fan的解決方案：

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

由於@Kenneth暗示（雖然有點苛刻），使用這個好，你可能需要增加你的JavaScript和HTML的理解。可能我建議註冊codingacademy.com turorials？它們非常全面，你可以獲得積分，而且免費。

祝你好運！

來源

2013-04-21 13:06:54 strakez

非常感謝 – Atilla 2013-04-21 13:46:02

從一個調用2種不同功能的單獨的JavaScript文件

回答

相關問題