引用JavaScript的三种方式第二课

作者: 您好简书 | 来源:发表于2019-04-13 19:29 被阅读13次

语法约定:
1.区分大小写
2.代码缩进
3.建议每行只写一条语句,语句以分号结尾(如果没有分号,软件默认会找到这个行的尾行,如果尾行没有东西,没有其他代码,则默认为结束,如果有代码,可以会报错)
4.代码执行顺序:从上到下,从左到右

javascript有三种引入方式:

1、行内引入:

<开始标签 on+事件类型=“js代码”></结束标签>

行内引入方式必须结合事件来使用,但是内部js和外部js可以不结合事件

<body>
<input type="button" onclick="alert('行内引入')" value="button" name="button">
<button onclick="alert(123)">点击我</button>
</body>

2、内部引入:

在head或body中,定义script标签,然后在script标签里面写js代码

<script>

Js代码

</script>

<script>
    alert("这是js的内部引入");
</script>
3、外部引入:

定义外部js文件(.js结尾的文件)

<scripttype="text/javascript" src="demo.js"></script>

注:

  1. script标签一般定义在head或body中

  2. Script标签要单独使用,要么引入外部js,要么定义内部js,不要混搭使用

外部的JS文件,它具有维护性高、可缓存(加载一次,无需加载)、方便未来扩展、复用性高等特点

新建外部的js文件demo.js文件

alert("外部引入")
在head或者body中,添加以下代码
<script type="text/javascript" src="js/demo.js"></script>

点击事件:
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
</head>
<body>
    <input type="button" value="点我" onclick="javascript:alert('dddddd');" />
    <botton onclick="alert('来到Camel的博客');">点击我</botton>
</body>
</html>

相关文章

  • 引用JavaScript的三种方式第二课

    语法约定:1.区分大小写2.代码缩进3.建议每行只写一条语句,语句以分号结尾(如果没有分号,软件默认会找到这个行的...

  • JavaScript绑定事件的三种方式

    @(javascript)[JavaScript事件绑定] JavaScript绑定事件的三种方式 使用内联 使用...

  • JavaScript深入之参数按值传递

    JavaScript深入系列第九篇,除了按值传递、引用传递,还有第三种传递方式 —— 按共享传递 定义 在《Jav...

  • JavaScript深入之参数按值传递

    JavaScript深入系列第九篇,除了按值传递、引用传递,还有第三种传递方式 —— 按共享传递 定义 在《Jav...

  • JavaScript之引入方式

    JavaScript的引入方式 JavaScript文件的引入方式与CSS引入方式类似,主要也是分为三种:标签内联...

  • 数据绑定

    javascript实现数据双向绑定的三种方式

  • javascript检测变量的类型

    javascript检测变量的类型:目前JavaScript有三种方式:typeof,instanceof,obj...

  • JS

    1.请说出网页引用JavaScript的三种方式第一种:内联式(代码直接写入html标签内) ... 第二种:外联...

  • js三种存储方式区别

    js三种存储方式区别 javaScript有三种数据存储方式,分别是: sessionStorage localS...

  • matplotlib第三方库

    §1 引用 三种引用方式,具体引用哪个模块内容可以具体分析。import matplotlibfrom matp...

网友评论

    本文标题:引用JavaScript的三种方式第二课

    本文链接:https://www.haomeiwen.com/subject/uavrwqtx.html