微网站设计与开发wordpress底部修改

微网站设计与开发,wordpress底部修改,iis默认网站启动不了,怎么开网店做电商一.JavaScript简介一种广泛使用的高级编程语言#xff0c;主要用于在网页中实现交互功能#xff08;HTML和CSS不是编程语言#xff0c;而是标记语言#xff09;JS的主要特点#xff1a;动态类型#xff1a;变量的数据类型在运行时确定#xff0c;无需提前声明解释型语言…一.JavaScript简介一种广泛使用的高级编程语言主要用于在网页中实现交互功能HTML和CSS不是编程语言而是标记语言JS的主要特点动态类型变量的数据类型在运行时确定无需提前声明解释型语言代码通常由浏览器直接解释执行不需要编译事件驱动支持响应用户操作如点击、滚动、键盘输入等跨平台可在各种操作系统和设备上的浏览器中运行多范式支持面向对象、函数式、命令式等多种编程风格JS的主要用途前端开发操控网页内容通过DOM操作、响应用户交互按钮点击、表单验证等、动态加载内容如AJAX、Fetch API后端开发使用Node.js可以用JavaScript编写服务器端程序、可以构建API、数据库交互、文件处理等移动与桌面应用游戏与动画二.JS的基础学习先要安装在vscode中要安装扩展插件open in browser和Live Server还有Error Lensopen in browser插件用于打开浏览器Live Server插件便于查看代码运行结果ctrls保存浏览器界面就会自动发生变化不用再手动点击浏览器左上方的refresh键且win键加箭头可以分屏显示让一屏写代码一屏就能看到运行效果利用电脑的这个快捷键可以使得开发效率大大提高Error Lens可以在写代码的过程中如果出现错误就会显示出红色的警告1.JS的书写位置和CSS一样有三种书写位置1.行内JS2.内部JS直接写在HTML文件里用script标签包裹住。其中script标签要写body标签中的最末尾即最靠近/body的地方。写在/body上方而不是body下方可以让HTML元素显示在js代码的上方方便js对HTML元素操作!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title /head body !-- 内部js -- script alert(你好js~) /script /body /html运行结果3.外部JS先新建一个.js文件myjs.js内容如下alert(你好书写位置在HTML文档外部的js~)然后在HTML文件里书写代码如下!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthsc, initial-scale1.0 titleDocument/title /head body script src./myjs.js/script /body /html运行结果注意1script标签中无需写代码写了内容也不会被执行。2外部JS会使代码更加有序更易于复用且没有了脚本的混合HTML也会更加易读。因此书写外部JS代码是一个良好的习惯。2.JS中的注释与结束符1.单行注释//作用//右边的内容是注释部分快捷键ctrl /2.多行注释/**/作用/*和*/中间的部分是注释部分快捷键shift alt a3.结束符用英文的分号表示语句的结束在实际开发中;可写可不写浏览器JavaScript引擎可以自动推断浏览器的位置在现代开发中越来越多的人开始在语句结束后不加分号为了统一建议要么都加分号要么都不加分号3.JS的输入输出语法1.输出语法1.document.write()作用向body内输出内容注意如果输出的内容写的是标签那么标签也会被解析成网页元素!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title /head body script document.write(向文档写入内容) /script /body /html运行结果!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title /head body script document.write(向文档写入内容) document.write(一级标题) /script /body /html运行效果!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title /head body script document.write(向文档写入内容) document.write(h1一级标题/h1) /script /body /html运行结果打开开发者工具2.alert()作用页面弹出警告对话框3.console.log()作用控制台输出语法程序员调试使用!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title /head body script document.write(向文档写入内容) document.write(h1一级标题/h1) console.log(我向控制台输入了内容) /script /body /html运行效果2.输入语法prompt()html head meta charsetUTF-8 title网页标题/title /head body script prompt(请输入你的姓名) /script /body /html运行效果4.JS中的代码执行顺序JavaScript代码的执行顺序按HTML文档流执行JavaScript代码从上往下执行但是有例外alert()和prompt()会跳过页面渲染先被执行5.字面量在计算机科学中字面量literal是计算机描述的事和物数字字面量 520字符串字面量 黑马程序员数组字面量 []对象字面量 {}6.变量的声明和赋值变量是用来存储数据的容器1.变量的声明let 变量名声明关键字let变量名2.变量的赋值等号用来赋值3.代码示例html head meta charsetUTF-8 titleJS变量的声明和使用/title /head body script let age age 18 console.log(age) /script /body /html打开开发者工具并点击控制台console4.变量的初始化即在变量的声明的同时就给它赋值script let age 18 let name 张三 /script7.变量的基本使用1.更新变量html head meta charsetUTF-8 titleJS变量的使用/title /head body script let age 18 console.log(age) age 19 console.log(age) /script /body /html效果不能为已经声明过的变量再声明如下面declare宣布声明variable易变的多变的变量因此编程中有用var来作为变量名的打开开发者工具2.声明多个变量html head meta charsetUTF-8 titleJS变量的使用/title /head body script // let age 18 // console.log(age) // let age 19 // console.log(age) let age 18, uname 张三 console.log(age, uname) /script /body /html打开开发者工具并点击Console3.输入输出加变量的练习html head meta charsetUTF-8 titleJS变量的使用/title /head body script // let age 18 // console.log(age) // let age 19 // console.log(age) // let age 18, uname 张三 // console.log(age, uname) let uname prompt(请输入你的名字) document.write(uname) /script /body /html效果会在网页中输出