使用外部JavaScript函數和HTML
[英]Working with external JavaScript functions and HTML
問題描述
預先感謝您為我的問題提供幫助。 我想知道有人在自我講解JavaScript JQuery時是否可以為我解釋這一點。 我想做的是將消息推送到函數參數中的變量中。 然后，我想通過將該函數調用回我最初擁有的html文件來顯示該消息。 所以我想在函數中寫一條消息並打印到我的html頁面。 我想我也許是對的，這里是我的源代碼。 我正在嘗試使用外部javascript文件進行書寫，因為我認為這是使用HTML，CSS3和JavaScript的更簡潔的方法。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src=".js"></script>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<form>
<input type="button" value="Click me" id="message "onclick="test();" />
</form>
</body>
</html>
外部JavaScript文件。
function test(message){
alert("Hello");
}
4 個解決方案
解決方案1
1 2015-06-24 15:49:22
使用this.value獲取輸入的值
<input type="button" value="Click me" id="message" onclick="test(this.value);" />
然后使用您收到的消息
function test(message){
alert(message);
}
要在頁面上顯示此消息，請在頁面上創建一個元素
<div id="message"></div>
然后，在您的test函數中，而不是alert ，將innerText或innerHTML設置為消息
document.getElementById('message').innerText = message;
解決方案2
0 已采納 2015-06-24 15:55:46
要在彈出窗口中顯示消息，請按照以下方式進行操作
HTML：
<input type="button" value="Show message in popup" id="message "onclick="test2('hii this is my message');" />
JS：
function test2(message)
{
alert(message);
}
在div中顯示消息
HTML：
<input type="button" value="Show message in div" id="message "onclick="test('hii this is my message');" />
<div id="message"> </div>
JS
function test(message)
{
document.getElementById("message").innerHTML = message;
}
演示： 小提琴
解決方案3
0 2015-06-24 15:58:57
添加消息：執行此操作的簡單方法是使用jQuery或您選擇的javascript庫。 否則，您可以簡單地執行以下操作：
創建一個空的div以顯示帶有id="msg"
並在您的javascript函數中：
document.getElementById("msg").innerHTML = "Your message";
jQuery更加有趣：您可以使用.html()和.append()等現成的函數
解決方案4
-3 2015-06-24 15:44:12
您肯定要這樣做，因為這樣做要干凈得多。 它還使您可以在多個地方使用相同的代碼。
看看這個： http : //www.w3schools.com/js/js_whereto.asp
（通過“外部JavaScript”關閉）
本質上，您需要將.js文件保存為實際文件，例如filename.js ：
<script type="text/javascript" src="filewithcode.js"></script>
其中filewithcode.js是您創建的JavaScript文件的文件路徑。
希望這可以幫助
指向外部 javascript 的 HTML 鏈接不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.