!!!实例胜过千言万语一定要亲自试一试你以为的捷径其实是最远的弯路。拿JavaScript来说它是一门语言语言就有语法就必然遵循特定的语法规则和构成方式。你跳过的语法基础都会在未来的Bug里加倍偿还。别等到项目上线连let和const是什么意思都还得百度。什么是JavaScriptjs一个完整的网站同时具备前端页面显示样式和后端业务逻辑处理。前端由HTML、CSS、JavaScript共同构成。HTML和CSS负责让网页更好看js负责能做哪些操作比如scriptalert(1)/script网页会弹出一个对话框。HTML定义网页的内容CSS规定网页的布局JavaScript对网页行为进行编程JavaScript的执行流程!DOCTYPE html html body h2Body 中的 JavaScript/h2 p iddemo/p script document.getElementById(demo).innerHTML 我的第一段 JavaScript; /script /body /html这是一个简单的js代码只关注HTML代码是由一个二级标题h2和一个没有内容的段落构成p运行后网页应该只显示h2中中的一行文字但事实确实显示两行文字下图见。这是因为js代码对网页行为进行编辑通过代码改变了原本网页内容。script document.getElementById(demo).innerHTML 我的第一段 JavaScript; /script这是一个典型的js代码document代表当前整个网页文档可以理解为你的 HTML 页面本身。getElementById()查找标签元素在文档中寻找 id 属性为 demo 的元素。比如如果页面里有 p iddemo旧内容/p它就选中这个 p 标签。.innerHTML替换被查找的元素所以原本的空白段落就被“我的第一段JavaScript”替换了。这是代码执行的过程那么执行这一过程是在浏览器还是服务器答案是在浏览器因为浏览器本质上就是一个程序它擅长做三件事解析html页面结构、css页面样式、JavaScript页面交互所以当浏览器收到html后会自带吧它渲染成网页。完整流程为请求服务 -- 服务器 -- 浏览器根据反馈解析HTML、CSS、jsscript标签在 HTML 中JavaScript 代码必须位于script与/script标签之间。script document.getElementById(demo).innerHTML 我的第一段 JavaScript; /script注有些 JS 代码确实可以不用script标签直接写在 HTML 属性里。比如onclick、onmouseover、onload这些事件属性天生就能直接接收 JS 代码。当按钮被点击时浏览器会直接把引号里的内容当作 JavaScript 来执行不需要额外包一层scriptjs语句语法规则JavaScript 语句由以下构成值、运算符、表达式、关键词和注释。var x, y; // 如何声明变量 x 7; y 8; // 如何赋值 z x y; // 如何计算值 /*多行注释*/ //单号注释 function myFunction() { document.getElementById(demo).innerHTML Hello Kitty.; document.getElementById(myDIV).innerHTML How are you?; }值就是具体的数据如数字7或字符串hello运算符使用算数运算符-*/来计算值使用赋值运算符向变量赋值 例x7表达式表达式是值、变量和运算符的组合计算结果是值 例57关键词javaScript 语句常常通过某个关键词来标识需要执行的 JavaScript 动作不能做变量名代码块定义一同执行的语句在{...}内注释单行注释以//开头、多行注释以/*开头以*/结尾。标识符用来为变量命名。首字符必须是字母、下划线-或美元符号$连串的字符可以是字母、数字、下划线或美元符号分号以分号为每一句的介绍所有的语句组成一个js程序代码js对大小写敏感脚本脚本就是具有某些指令的代码js可以用来写作脚本scriptalter(1)/script这个是显示弹窗为1的脚本在浏览器中执行可以写在html的headbody中!DOCTYPE html html head script function myFunction() { document.getElementById(demo).innerHTML 段落被更改。; } /script /head body h1一张网页/h1 p iddemo一个段落/p button typebutton onclickmyFunction()试一试/button scriptalert(1)/script /body /html外部脚本脚本存放在外部文件myScript.js中使用该脚本时需要在script标签的src(source) 属性中设置脚本的名称script srcmyScript.js/script外部引用可以通过使用引用url来引用外部脚本script srchttps://www..com.cn/js/myScript1.js/script参考来源JavaScript 教程
