> javascript教程 > javascript基础教程 > 入门篇 >

js代码怎么用_javascript代码放在那里_网页里如何调用js代码|js代码用法

阿里云ECS云服务器2折起

JavaScript 用法

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中,js 代码执行的时候会从上至下执行 <script> 标签里的代码。

<script> 标签

如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。

<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。

<script> 和 </script> 之间的代码行包含了 JavaScript:

<script>
   alert("此代码会在网页里弹窗显示这句代码");
</script>

浏览器会解释并执行位于 <script> 和 </script>之间的 JavaScript 代码 

那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。

js 代码在<head></head>里和<body></body> 标签里有和区别?

其实在这2处的代码并没有特别不同之处,js引擎都会执行,我们一般建议尽量把js 代码放在网页的底部,这样可以提高页面渲染的速度。

<!DOCTYPE html>
<html>
<head>

<script>
function test()
{
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>

</head>
<body>

  <h1> web教程网 </h1>
  <p id="demo">点击单击事件按钮将会替换掉这段文字!</p>
  <button type="button" onclick="test()">单击事件</button>

</body>
</html>

引入外部的 JavaScript 代码文件

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

外部 JavaScript 文件的文件扩展名是 .js。

如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件:

<!DOCTYPE html>
<html>
<head>
 <script src="http://www.jsphp.net/res/sj/js/jquery-2.2.4.min.js"></script>
 <script src="test.js"></script>
</head>
<body>

  <!-- 引入的js文件可以放在body里,也可以放置在head代码段里,通常我们建议是放在body代码块的最底部 -->
  <script src="http://www.jsphp.net/res/sj/js/jquery-2.2.4.min.js"></script>
  <script src="test.js"></script>
</body>
</html>

你可以将脚本放置于 <head> 或者 <body>中,放在 <script> 标签中的脚本与外部引用的脚本运行效果完全一致。

引入的文件可以是本地js文件,也可以是某个cdn上的远程文件,或者是某个其他网站上的js文件(只要对方没有做防盗链的限制),里面的js代码都是可以执行的。

本地 test.js 文件代码如下:

// 注意:js 文件里是不需要加<script> </script> 标签的

alert('web教程网'); // 页面加载完成后,会执行一个弹窗,显示,web教程网字样。


 

评论

  • 随机获取
点击刷新
精彩评论