[{"createTime":1735734952000,"id":1,"img":"hwy_ms_500_252.jpeg","link":"https://activity.huaweicloud.com/cps.html?fromacct=261f35b6-af54-4511-a2ca-910fa15905d1&utm_source=V1g3MDY4NTY=&utm_medium=cps&utm_campaign=201905","name":"华为云秒杀","status":9,"txt":"华为云38元秒杀","type":1,"updateTime":1735747411000,"userId":3},{"createTime":1736173885000,"id":2,"img":"txy_480_300.png","link":"https://cloud.tencent.com/act/cps/redirect?redirect=1077&cps_key=edb15096bfff75effaaa8c8bb66138bd&from=console","name":"腾讯云秒杀","status":9,"txt":"腾讯云限量秒杀","type":1,"updateTime":1736173885000,"userId":3},{"createTime":1736177492000,"id":3,"img":"aly_251_140.png","link":"https://www.aliyun.com/minisite/goods?userCode=pwp8kmv3","memo":"","name":"阿里云","status":9,"txt":"阿里云2折起","type":1,"updateTime":1736177492000,"userId":3},{"createTime":1735660800000,"id":4,"img":"vultr_560_300.png","link":"https://www.vultr.com/?ref=9603742-8H","name":"Vultr","status":9,"txt":"Vultr送$100","type":1,"updateTime":1735660800000,"userId":3},{"createTime":1735660800000,"id":5,"img":"jdy_663_320.jpg","link":"https://3.cn/2ay1-e5t","name":"京东云","status":9,"txt":"京东云特惠专区","type":1,"updateTime":1735660800000,"userId":3},{"createTime":1735660800000,"id":6,"img":"new_ads.png","link":"https://www.iodraw.com/ads","name":"发布广告","status":9,"txt":"发布广告","type":1,"updateTime":1735660800000,"userId":3},{"createTime":1735660800000,"id":7,"img":"yun_910_50.png","link":"https://activity.huaweicloud.com/discount_area_v5/index.html?fromacct=261f35b6-af54-4511-a2ca-910fa15905d1&utm_source=aXhpYW95YW5nOA===&utm_medium=cps&utm_campaign=201905","name":"底部","status":9,"txt":"高性能云服务器2折起","type":2,"updateTime":1735660800000,"userId":3}]
一、概念
javascript是运行在浏览器中的脚本语言,运行在浏览器的内存当中,不需要程序员手动编译,编写玩源代码之后,浏览器直接打开解释执行,简称JS。
二、html嵌入javascript代码的三种方式
JS是一门事件驱动型的编程语言,依靠事件去驱动,然后执行对应的程序。
例如:在JS中有很多事件,其中有一个事件叫做:鼠标单击,click,并且任何事件都会对应一个事件句柄onclick。
1.事件句柄是以html标签的属性存在的。
在按钮标签中设置onclick属性值,则点击按钮发生click事件后,注册在onclick后面的js代码会被浏览器自动调用。
示例如下:
解释:(1)在JS中有一个内置的对象window,代表浏览器对象(窗口),window对象有一个函数alert,用法是window.alert(“消息”),点击按钮后弹出带有消息的窗口,"window."可以省略不写直接写alert语句;
(2)java字符串可以使用双引号,也可以使用单引号;
(3)JS的一条语句结束之后可以使用分号也可以不用。
(4)window.alert()语句在显示窗口时并没有执行完,点击确认窗口消失后才执行完(alert有阻塞当前页面加载的作用)。
2.脚本块的方式
在body标记中嵌入script标记,JS代码写在script标记中。此时的代码在页面打开时执行,并且遵循自上而下的顺序依次执行,即代码的执行不需要事件。javascipt的脚本块可以有多个,可以出现在任意位置。javascript可以有//开头的单行注释和/**/包含的多行注释。
示例如下:
效果如下:
刷新页面后一直在加载页面,也没有显示input标记,点击确定后页面加载完毕:
3.引入外部独立的.js文件
.js文件内容与脚本块的方式中script标记中的内容一致。代码也会按照顺序自上而下地执行。同一个.js文件可以被引入多次。
引入方式,在body 标记中加script标签:
注意不能写成: