javascript基础教程

入门篇导论 js的历史发展 js的语句 js代码用法 js变量 js标识符 js注释 js区块 js if...else结构 js switch结构 js三元运算符 js循环语句 undefined和null 布尔值整数浮点数

JavaScript 用法

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

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

<script> 标签

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

<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教程网字样。

下一篇：js变量提升javascript变量声明定义|js变量上一篇：什么是js语句_javascript表达式_换行符_结束标志以...

随机获取

精彩评论

友情链接

币安app官网下载

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

JavaScript 用法

<script> 标签

引入外部的 JavaScript 代码文件

评论