如何在网页上添加JavaScript代码？
有人能告诉我如何让这个代码在网页上工作吗？特别是在标题中应该放什么？
http://jsfiddle.net/mekwall/TJcP4/1/
如果这是一个基本的question...steep学习曲线，很抱歉！
谢谢
回答 2
Stack Overflow用户
发布于 2012-02-28 21:49:00
您的代码正在使用jQuery JavaScript库...所以你的头需要包含：
<script type="text/javascript" src="<jquery url>"></script>将<jquery url>替换为指向jQuery库的有效url。我建议您使用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，阅读too -> https://developer.mozilla.org/en/JavaScript/Guide是不会错的
Stack Overflow用户
发布于 2012-02-28 21:51:26
复制下面的代码，使用.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>https://stackoverflow.com/questions/9483012
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号