如何在網頁上添加JavaScript代碼？

有人能告訴我如何讓這段代碼在網頁上工作嗎？特別是頭部應該怎麼做？如何在網頁上添加JavaScript代碼？

http://jsfiddle.net/mekwall/TJcP4/1/

很抱歉，如果這是一個基本的問題...陡峭的學習曲線！

感謝

來源

2012-02-28 user1236274

代碼使用jQuery的 - 所有你需要做的是包括在您的''對不起 – ManseUK 2012-02-28 13:45:07

jQuery庫顯得如此暗淡，但我在哪裏得到jQuery庫？ – user1236274 2012-02-28 13:48:56

我已經添加了一個答案... – ManseUK 2012-02-28 13:49:13

你的代碼是使用jQuery JavaScript庫...所以你的頭將需要包含：

<script type="text/javascript" src="<jquery url>"></script>

有效的網址到jQuery庫替換<jquery url>。我建議你使用Google CDN的網址或可替代的服務器上下載一個副本，並將其存儲 - >http://docs.jquery.com/Downloading_jQuery#Download_jQuery

然後，以確保您的代碼運行，一旦DOM準備好包裹所有下列範圍內的JavaScript代碼：

$(document).ready(function() { 
    // your code here 
});

Docs for ready() here

如果您打算使用jQuery的更多，我建議你開始閱讀這裏http://docs.jquery.com/How_jQuery_Works，如果你要學習JavaScript，你不能出錯，太閱讀本 - >https://developer.mozilla.org/en/JavaScript/Guide

來源

2012-02-28 13:48:59 ManseUK

請複製下面的代碼，並以.html擴展名保存（例如： test.html），然後雙擊打開。

<html> 

<head> 
<title>Page Title here</title> 
</head> 
<body> 
<select id="t_dermal_name"> 
    <option value="t_default_dermal">-- Choose --</option> 
    <option value="1" rel="30">Between Eyebrows</option> 
    <option value="7" rel="30">Individual Line Softening</option> 
    <option value="2" rel="30">Lip Contouring</option> 
</select> 
<select id="t_wrinkle_name"> 
    <option value="t_default_wrinkle">-- Choose --</option> 
    <option value="1" rel="30">Between Eyebrows</option> 
    <option value="7" rel="30">Individual Line Softening</option> 
    <option value="2" rel="30">Lip Contouring</option> 
</select> 
<span id="output"></span> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script><!--You can use a local version of jquery--> 
<script type="text/javascript"> 
$(document).ready(function(){ 
function onSelectChange(){ 
    var total = 0, 
     dermal = $("#t_dermal_name").find('option:selected'), 
     wrinkle = $("#t_wrinkle_name").find('option:selected'); 

    if(value = dermal.attr('rel')){ 
     total += parseInt(value); 
    } 

    if(value = wrinkle.attr('rel')){ 
     total += parseInt(value); 
    } 

    $("#output").html(total); 


} 

$("#t_dermal_name").change(onSelectChange); 
$("#t_wrinkle_name").change(onSelectChange); 
}); 
</script> 
</body>

來源

2012-02-28 13:51:26 robasta

非常感謝這 – user1236274 2012-02-29 12:22:10

如何在網頁上添加JavaScript代碼？

回答

相關問題