网站SEO建设宁波象山网站建设

网站SEO建设,宁波象山网站建设,网络关键词优化软件,近期国内新闻JavaScript概述 Js的书写方式主要有三种 行内式#xff1a;在 HTML 标签中直接编写 button onclickalert(点击)点我一下/button内嵌式#xff1a;通过 标签在 HTML 中嵌入 JS 代码 bodyscriptalert(Hello JavaScript)/scrip…JavaScript概述Js的书写方式主要有三种行内式在 HTML 标签中直接编写button onclickalert(点击)点我一下/button内嵌式通过 标签在 HTML 中嵌入 JS 代码bodyscriptalert(Hello JavaScript)/script/body外部文件通过script引入外部独立 JS 文件script srcpath.js/script变量es6前使用 var 的问题函数作用域、变量提升、可重复声明。es6后使用 let / const 块级作用域不存在变量提升不可重复声明let 声明可变变量。const 声明常量必须初始化不可重新赋值{letx10;consty20;// var z 30; // 函数作用域不推荐x100;// 合法// y 200; // 报错Assignment to constant variable}console.log(x);// 报错x is not definedundefined 表示 “意外的缺失”如变量未初始化。null 表示 “主动的缺失”如有意清空对象引用函数不带参函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。scriptfunctionmyFunction(){alert(Hello World!);}/script带参函数在调用函数时可以向其传递值这些值被称为参数。这些参数可以在函数中使用。可以发送任意多的参数由逗号 (,) 分隔p点击这个按钮来调用带参数的函数。/pbutton onclickmyFunction(Harry Potter,Wizard)点击这里/buttonscriptfunctionmyFunction(name,job){alert(Welcome name, the job);}/script返回值有时我们会希望函数将值返回调用它的地方。通过使用 return 语句就可以实现。在使用 return 语句时函数会停止执行并返回指定的值。functionmyFunction(){varx5;returnx;}注意 整个 JavaScript 并不会停止执行仅仅是函数。JavaScript 将继续执行代码从调用函数的地方函数调用将被返回值取代varmyVarmyFunction();**DOM文档对象模型**是将 HTML/XML 文档转换为树状结构的对象模型允许 JavaScript 动态操作网页的内容、结构和样式核心内容节点Node整个文档是一个节点树包括元素节点如 div、文本节点、属性节点等操作方法获取元素 document.getElementById() 、 querySelector()动态创建节点 document.createElement()修改内容 element.innerHTML 、 element.textContent-事件绑定 element.addEventListener(“click”, handler)修改样式 element.style.color “red”事件驱动通过事件如点击、滚动触发 JavaScript 逻辑。事件处理绑定事件监听器constbuttondocument.getElementById(myButton);// 方式 1addEventListener推荐button.addEventListener(click,function(event){console.log(按钮被点击,event);event.preventDefault();// 阻止默认行为如表单提交});// 方式 2HTML 属性不推荐混合结构与行为// button onclickhandleClick()Click/button**事件对象 event 常用属性 **event.target 触发事件的元素。event.type 事件类型如 “click” 。constboxdocument.getElementById(box);box.addEventListener(mouseenter,(){console.log(鼠标进入盒子);});box.addEventListener(mouseleave,(){console.log(鼠标离开盒子);});