成品网站源码1688版本号,少儿编程加盟费,好的做彩平图的网站,东莞技术网站建设一、js的简介1.1、JS是什么JavaScript----是一种面向对象的脚本语言。是由Netscape Communications Corporation#xff08;网景公司#xff09;Brendan Eich#xff08;布兰登艾奇#xff09;创造的标准命名#xff1a;ECMAScript1.2、js能做什么表单动态校验(密码强度检…一、js的简介1.1、JS是什么JavaScript----是一种面向对象的脚本语言。是由Netscape Communications Corporation网景公司Brendan Eich布兰登·艾奇创造的标准命名ECMAScript1.2、js能做什么表单动态校验(密码强度检测)(JS产生最初的目的)网页特效桌面程序(Electron)服务端开发(Node.js)App(Cordova)控制硬件-物联网(Ruff)游戏开发(cocos2d-js)很多框架我们熟知的微信小程序、插件扩展、游戏特效、刷浏览量……很多都是可以利用JS开发使用的1.3浏览器执行js浏览器由多个部分组成其中就有渲染引擎和JS引擎渲染引擎用来解析html和css所称内核JS引擎也称为JS解释器。用来读取网页中的JavaScript代码对其处理后运行浏览器本身并不会执行JS代码而是通过设置JavaScript引擎解释器来执行JS代码。JS引擎执行代码时逐行解释每一句源码转成机器语言然后由计算机去执行。所以JS语言归为脚本语言会逐行解释执行1.4、js的组成1ECMAScript JavaScript的核心 是规范标准描述了语言的基本语法(var、for、if、array等)和数据类型(数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义)。只学习基础语法做不了常用的网页交互效果为后面的内容打基础做铺垫2DOMDocument Object Model文档对象模型可以去操作网页下面倾斜的了解一下Document(文档)指的是XML和HTML的页面当你创建一个页面并且加载到Web浏览器中DOM就在幕后悄然而生它会把你编写的网页文档转换成一个文档对象。Object(对象)js对象大致可以分为以下三种自定义对象例如var obj {}内置对象无需创建可直接使用例如Array、Math和Data等宿主对象浏览器提供的对象例如:window、documentDOM中主要关注的就是document document对象的主要功能就是处理网页内容。Model模型代表着加载到浏览器窗口的当前网页可以利用JavaScript对它进行读取3BOM浏览器对象模型操作浏览器1.5、js输入输出语句1、js注释多行注释注释中的内容不会被执行但可以在源代码中查看默认的快捷键shiftalta单行注释// 只对后面的内容有效默认快捷键ctrl/注释作用 养成良好的编写注释的习惯可以通过注释对代码进行一些调试2、输入输出语句为了方便信息的输入输出JS中提供了一些输入输出语句//1.控制台输出 //console.log(你好); //2.警告框输出 // alert(你好02); //3.页面输出 // document.write(你好03); //1.页面输入 // prompt(请输入你的姓名); //控制台输出用户的输入 //console.log(prompt(请输入你的姓名)); //.警告框输入 // alert(prompt(请输入你的姓名)); //.页面输入 // document.write(prompt(请输入你的姓名)); //2.确认框输入confirm console.log(confirm(你确定要取消吗));都可以加window.,功能一样1.6、js书写位置4种位置!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidth, initial-scale1.0 titleDocument/title !-- 第二种head标签内写scrip-- cript console.log(第二种); /script !-- 第三种通过scrip标签引入外部js文件 -- script src ./01.js/script /head body !-- 第一种body标签内写scrip -- script console.log(第一种); /script !-- 第四种写在标签事件属性值当中 -- !-- onXXXX:事件属性 onclick:当鼠标点击时触发onclick属性值的代码 ondblclick:当鼠标双击时触发 onmouseover:当鼠标移入时触发 onmouseout:当鼠标移出时触发 -- button onclickconsole.log(第四种1)按钮/button button ondblclickconsole.log(第四种2)按钮/button button onmouseoverconsole.log(第四种3)按钮/button button onmouseoutconsole.log(第四种4)按钮/button /body /html1.7、js基本语法1js中严格区分大小写2js中每一条语句以分号;结尾如果不写分号浏览器会自动添加但会消耗一些系统资源,大部分情况下可以不加分号一些特殊情况必须要加分号如果你不加浏览器默认添加的可能会加错3js中会自动忽略多个空格和换行所以我们可以利用空格和换行对代码进行格式化