如何在网页上添加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代码？

回答

相关问题