江西建设厅培训网站,wordpress购物车功能,评论插件 wordpress,丹阳官方网站建站JavaScript 引入方式
提问#xff1a;CSS的引入方式#xff1f;在学习 JavaScript 语法之前#xff0c;我们首先要知道在哪里写 JavaScript 才行。想要在 HTML 中引入 JavaScript#xff0c;一般有 3 种方式。 外部 JavaScript 内部 JavaScript 元素事件 JavaScript#…JavaScript 引入方式
提问CSS的引入方式在学习 JavaScript 语法之前我们首先要知道在哪里写 JavaScript 才行。想要在 HTML 中引入 JavaScript一般有 3 种方式。 外部 JavaScript 内部 JavaScript 元素事件 JavaScript行内JS实际上JavaScript 的 3 种引入方式跟 CSS 的 3 种引入方式外部样式表、内部样式表、行内样式表是非常相似的。
1.2.1. 外部 JavaScript
外部 JavaScript指的是把 HTML 代码和 JavaScript 代码单独放在不同文件中然后在 HTML 文档中使用 script 标签来引入 JavaScript 代码。
语法
!DOCTYPE html
htmlheadmeta charsetutf-8 /title/title!--1、在head中引入--script srcdom1.js/script/headbody!--2、在body中引入--script srcdom1.js/script/body
/html
1.2.2. 内部 JavaScript
内部 JavaScript指的是把 HTML 代码和 JavaScript 代码放在同一个文件中其中 JavaScript 代码写在script/script标签对内。标签可以放在网页的任何位置。
语法
!DOCTYPE html
htmlheadmeta charsetutf-8 /title/title!--1、在head中引入--scriptalert(123);/script/headbody!--2、在body中引入--scriptalert(456);/script/body
/html
同样的内部 JavaScript 文件不仅可以在 head 中引入也可以在 body 中引入。
一般情况下我们都是在 head 中引入。
实际上script/script是一种简写形式它其实等价于
script typetext/javascript……
/script
一般情况下使用简写形式比较多。
1.2.3. 元素属性 JavaScript
元素属性 JavaScript指的是在元素的事件属性中直接编写 JavaScript 或调用函数。
举例在元素事件中编写 JavaScript
!DOCTYPE html
html
headmeta charsetutf-8/title/title
/head
body
input typebutton stylecolor:red value按钮 onclickalert(Gok给你初恋般的感觉)/
/body
/html
举例在元素事件中调用函数
!DOCTYPE html
htmlheadmeta charsetutf-8 /title/titlescriptfunction yyds() {alert(Gok给你初恋般的感觉);}/script/headbodyinput typebutton value按钮 onclickyyds() //body
/html
1.3. 一个简单的 JavaScript 程序
实现代码如下
!DOCTYPE html
html
headmeta charsetutf-8 /title/titlescriptwindow.onload function () {alert(Welcome to Big Hacker!)}/script
/head
body
button onclicklocation.hrefhttps://www.4399.com/提交/button
/body
/html
