网站后端性能优化措施,国外网站怎么打开,市场营销策划案怎么写,重庆农村网站建设JavaScript#xff08;JS#xff09;是一种广泛使用的编程语言#xff0c;允许在网页中添加交互性和动态效果。在HTML中#xff0c;script标签用于引入和执行JavaScript代码。
JS代码
js1.html \\js三种使用方式!DOCTYPE html
html langenJS是一种广泛使用的编程语言允许在网页中添加交互性和动态效果。在HTML中script标签用于引入和执行JavaScript代码。
JS代码
js1.html \\js三种使用方式!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodybutton onclickalert(你好);元素绑定事件/buttonscriptalert(这是内嵌方式的弹窗);/scriptscript srcjs2.js/script/body
/htmljs2.js \\js外部脚本文件alert(这是外链方式的弹窗)js3.js \\三种输出方式!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodyscriptalert(弹窗输出);console.log(控制台输出)document.write(页面输出)/script
/body
/htmlJS三种使用方式
1. 元素绑定事件 button οnclickalert(你好);元素绑定事件/button 在这个例子中button标签使用了一个内联事件处理器 onclick。当用户点击这个按钮时浏览器会执行 onclick 属性中的JavaScript代码。代码调用了 alert 函数显示一个包含消息“你好”的警告框。 2. 内嵌脚本 script alert(这是内嵌方式的弹窗); /script 这个 script 标签包含了一个内嵌的JavaScript代码块。当浏览器解析到这个标签时会执行标签内的代码。在案例中代码块中的 alert 函数会在页面加载时被调用弹出一个包含消息“这是内嵌方式的弹窗”的警告框。 3. 外部脚本文件 script srcjs2.js/script 这个 script标签用于引入一个外部的JavaScript文件即 js2.js。这个文件包含了JavaScript代码与内嵌不同它是存储在一个单独的文件中。这种方法有助于保持HTML代码的清晰和整洁。 js2.js 文件的内容如下 alert(这是外链方式的弹窗); 当浏览器加载HTML页面时会加载并执行 js2.js 文件中的代码将弹出一个包含消息“这是外链方式的弹窗”的警告框。 JavaScript三种输出方式 1. 弹窗输出使用 alert() 函数在浏览器中弹出一个警告框显示传递的字符串。 alert(弹窗输出); 2. 控制台输出使用 console.log() 函数将信息输出到浏览器的控制台。进入控制台查看和调试代码的执行结果而不会干扰页面的正常显示。 console.log(控制台输出); //f12或者ctrlshiftj打开浏览器控制台 3. 页面输出使用 document.write() 函数将字符串输出到当前文档的输出流中。会在页面上直接显示文本在页面加载后使用 document.write()会覆盖页面的当前内容。 document.write(页面输出) JavaScript注释
在 script 标签内有两种注释方式 1. 单行注释使用 // 进行注释注释内容会一直持续到行尾。可以使用快捷键 Ctrl /在大多数代码编辑器中快速添加或删除单行注释。 // Ctrl ? 单行注释 2. 多行注释使用 /* 开始*/ 结束可以跨越多行。可以使用快捷键 Alt Shift A在大多数代码编辑器中添加或删除多行注释。 /* alt shift A 多行注释 */