如何在网页上添加JavaScript代码

How do I add JavaScript code on a webpage?

本文关键字：添加 JavaScript 代码 网页      更新时间：2023-09-26

有人能告诉我如何在网页上运行这些代码吗？特别是应该在标题中加入什么？

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

很抱歉，如果这是一个基本问题。。。陡峭的学习曲线！

感谢

您的代码正在使用jQuery JavaScript库。。。所以你的大脑需要包含：

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

将<jquery url>替换为jQuery库的有效url。我建议您使用Google CDN作为url，或者下载一份副本并将其存储在您的服务器上->http://docs.jquery.com/Downloading_jQuery#Download_jQuery

然后，为了确保您的代码在DOM准备好后运行，请将所有JavaScript封装在以下内容中：

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

此处为准备文档（）

如果你打算更多地使用jQuery，我建议你从这里开始阅读http://docs.jquery.com/How_jQuery_Works如果你要学习JavaScript，你也不会错读这篇文章->https://developer.mozilla.org/en/JavaScript/Guide

复制下面的代码，用.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>
相关文章：