JS基础_js编写位置

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6
 7         <!--
 8             1.可以将js代码编写到外部js文件中，然后通过script标签引入
 9             写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制
10             推荐使用的方式
11         -->
12         <script type="text/javascript" src="js/script.js">
13             //alert("我是内部的JS代码"); 写也没用，浏览器会忽略
14         </script>
15
16
17         <!--
18             script标签一旦用于引入外部文件了，就不能再编写代码了，即使编写了浏览器也会忽略
19             如果需要则可以在创建一个新的script标签用于编写内部代码
20         -->
21         <script type="text/javascript">
22             alert("我是内部的JS代码");
23         </script>
24
25         <!--
26             2.可以将js代码编写到script标签
27         -->
28         <script type="text/javascript">
29             alert("我是script标签中的代码！！");
30         </script>
31
32     </head>
33     <body>
34
35         <!--
36             3.可以将js代码编写到标签的onclick属性中
37             当我们点击按钮时，js代码才会执行
38
39             虽然可以写在标签的属性中，但是他们属于结构与行为耦合，不方便维护，不推荐使用
40         -->
41         <button onclick="alert('讨厌，你点我干嘛~~');">点我一下</button>
42
43         <!--
44             4.可以将js代码写在超链接的href属性中，这样当点击超链接时，会执行js代码
45         -->
46         <a href="javascript:alert('让你点你就点！！');">你也点我一下</a>
47         <a href="javascript:;">你也点我一下</a>
48
49     </body>
50 </html>

转载于:https://www.cnblogs.com/ZHOUVIP/p/7224521.html

JS基础_js编写位置相关推荐

JS基础_JS基础语法
文章目录 JS输出信息方式 JS编写位置 JS注释 JS基本语法字面量与变量字面量变量声明变量标识符基础数据类型 String 字符串 JS输出信息方式 <!-- JS代码需要编写在 ...
JS基础_js一元运算符
1.什么是一元运算符? 只对一个操作数操作就能改变当前操作数的值的运算符号. 2.一元运算符有哪些? 2,1 .正号"+"和负号"-": 举例: ...
JavaScript基础01【简介、js编写位置、基本语法(6种基本数据类型)】
学习地址: 谷粒学院---尚硅谷尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版JavaScrip ...
第 1 节 JavaScript简介、JS的HelloWorld、JS编写位置
第1节 JavaScript简介 JavaScript简介实现特点 JS的HelloWorld JS编写位置 JavaScript简介实现 ECMAScript 是一个标准,一般情况下这两个词被 ...
构建node.js基础镜像_在Android上构建Node.js应用程序
构建node.js基础镜像 by Aurélien Giraud 通过AurélienGiraud 在Android上构建Node.js应用程序-第1部分:Termux,Vim和Node.js (Bu ...
【译】一份通俗易懂的React.js基础指南-2018
原文链接:tylermcginnis.com/reactjs-tut- by Tyler McGinnis 这篇文章最初发表于2015年1月,但最近被更新为React 16.3以及它所包含的所有优点. ...
前端面试题目汇总摘录（JS 基础篇）
温故而知新,保持空杯心态 JS 基础 JavaScript 的 typeof 返回那些数据类型 object number function boolean undefined string type ...
ie9无法获取未定义或 null 引用的属性“indexof”_前端JS基础篇（二）JS基本数据类型和引用数据类型及检测数据类型方法...
JS中的数据类型 (一).基本数据类型(值类型) 1.number:数字 -12.12.5.-12.5 0这些数字都是number: js中增加了一个number类型的数据:'NaN' typeof ...
区块链教程(四)：搭建私链、web3.js基础
注:本教程为技术教程,不谈论且不涉及炒作任何数字货币区块连教程(一):前置知识-linux补充区块链教程(二):基础概念介绍区块链教程(三):Solidity编程基础区块链教程(四):搭建私链 ...
JavaScript学习笔记（一）--JS基础【入门必看】
JS介绍 JavaScript诞生于1995年,当时的主要目的是为了运行在浏览器中进行简单的表单验证.经过一系列的发展,现在的JavaScript既可以作为浏览器脚本语言,运行在浏览器进行表单验证.页 ...

JS基础_js编写位置

JS基础_js编写位置相关推荐

最新文章

热门文章