wordpress 换行用,seo公司推荐推广平台,南宁关键词网站排名,wordpress iis rewrite一、JavaScript 概述
javaScript 语言主要是完成页面的数据验证#xff0c;因此它运行在客户端#xff0c; 需要运行浏览器来解析执行 JavaScript 代码。js 是网景公司 #xff08;Netscape#xff09;的产品#xff0c;最早取名为 LiveScript 最后借 java 的热度 改为 j…一、JavaScript 概述
javaScript 语言主要是完成页面的数据验证因此它运行在客户端 需要运行浏览器来解析执行 JavaScript 代码。js 是网景公司 Netscape的产品最早取名为 LiveScript 最后借 java 的热度 改为 javaScript。
JS 是弱类型类型可变JAVA 是强类型确定好的变量类型类型不可变 编写第一个 JavaScript 二、JavaScript 特点 js 是脚本语言采用小程序端的方式实现编程 js 是解释性语言根据代码顺序逐一解释其中某一行有错js 就会卡在此处无法进入下一步。 Js 是一种基于对象的语言 js 是一种安全性语言具有 web 安全特性不允许访问本地 硬盘也不允许对网络文件进行修改只能通过浏览器进行浏览或者动态交互。 js 跨平台性 JS 注释 1.单行注释以 // 开头。
2.多行注释以 /* 开始以 */ 结尾 三、js 基本语法
1、区分大小写
2、分号为每一行的结束符
3、注释单行注释以//开头/*多行注释*/
4、命名规范
命名规范指的就是标识符就是变量函数的名字或者函数的 参数名变量名命名方法常见的有匈牙利命名法、驼峰命名法 和 帕斯卡命名法。 驼峰法命名规范(包括函数名变量等): 名字中可以有字母、下划线或者美元符号、数字 必须以字母、下划线或者美元符号开始不能数字开头也不能使用特殊符号。 命名不能是系统的关键字比如 new ,if,class...... 区分大小写 命名最好用有意义的名称。比如说 name,people...... 四、输出输入工具
4.1.输出弹窗
弹出带有一条指定消息和一个确定按钮的警告框 语法: alert(对话框中显示的纯文本) 4.2.输出到页面会以HTML的语法解析里面的内容 语法: document.write(参数 1,参数 2,参数 3,...) 使用 document.write() 方法将内容写到 HTML 文档中。此功能可用于写入文本和 HTML。
请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write()整个 HTML 页面将被覆盖。 4.3.输入弹窗
显示可提示用户进行输入的对话框 语法: prompt( 对话框中显示的纯文本,默认的输入文本 ); 两个参数均为可选。 4.4.控制台输出 console.log(我是日志信息) 在控制台上输出的信息,浏览器按下 F12 打开控制台,Console即控制台 可以接受任何字符串、数字和 js 对象可以看到清 楚的对象属性结构,不会阻塞程序的执行. 五、DOM的堵塞
js 对 DOM 树的阻塞 DOM: js 操作网页的接口全称为“文档对象模型”(Document Object Model)。可以简单理解成页面中的元素 DOM 树:元素和元素之间的关系,可以简单理解成页面中的元素 js 的执行会阻塞页面结构的加载,此时 DOM 树是不完整的这
样在调用一些 js 代码时就可能报错 防止阻塞的两种方法:
1把所有 js 代码放在 body 区域的最后 2添加 window.onload 事件,表示网页加载完毕后(包括图片、css 文件等等)执行的操作 六、JS的阻塞 js 代码有错误时从此处代码开始以后的代码都不会被执行 检查错误代码方法 看控制台信息 使用 alert()语句确定错误范围再逐一查错。
七、嵌入JavaScript代码的三种方式 内部引入 写在script标签中
script type”text/javascript”.........../script 以外部文档形式连接到 HTML 文档中
script typetext/javascript srcone.js/script 直接在 HTML 标签中的 js 代码
a hrefjavascript:alert(我是在 html 标签里的 js 代码 )提示框/a ▶ 引入区域 js 可以引入文档中的任何区域js 都可以正确执行 js 通常写在 head 区域或者 body 区域
▶ 执行顺序 代码在执行过程中另一段代码想要执行就必须等当前代码执行完成后才可以进行 JS 是按照语句出现的先后顺序执行,和引入方式无关
八、常量
常量是从始至终不能被改变的数据常量通常用来表示固定不变的量比如圆周率万有引力常量。
准确的来说在JavaScript中确实没有定义常量的具体语法我们可以使用标识符大写的方式来当作定义了常量
var PAI 3.14;
var UPPER_BOUND 100;
九、变量
变量从字面上看变量是可变的的量从编程角度讲变量是用于存储数据的容器 实例 var x;
var x 5;
var x John;
注变量不仅可存放具体值还可以存放运算结果 实例 var x; // x 为 undefined
var x 5; // 现在 x 为数字
var x John // 现在 x 为字符串
注JavaScript 拥有动态类型。这意味着相同的变量可用作不同 的类型同一个变量可以多次赋值后赋的值会覆盖前面的值 练习 1
使用 js 提供的输入款获取用户输入的信息名字年龄地址电话号码
使用 js 语法输出在页面的 div 中。
练习 2
交换两个变量的值,a22,b33,使用控制台输出 a33,b22 十、数据类型
字符串String、
数字(Number)、
布尔(Boolean)、
数组(Array)、
对象(Object)、
空Null、
未定义Undefined。
10.1.Number:数值类型 整数和小数js 的浮点数的运算能力很差所以不建议使用 js 做浮点数的运算 JavaScript 只有一种数字类型。数字可以带小数点也可以不带 实例 var x1 34.00; // 使用小数点来写
var x2 34; // 不使用小数点来写 Js 中整数和小数统称为 number 类型
var a 120;
var b 0.120; js 中的数值最大值和最小值
Console.log(Number.MAX_VALUE); // 1.7976931348623157e308 Console.log(Number.MIN_VALUE); // 5e-324 数字型三个特殊值 Infinity 代表无穷大大于任何数值 -Infinity 代表无穷小小于任何数值 NaN Not a Number 代表一个非数值 isNaN()
用来判断一个变量是否为非数值类型返回 true/false
10.2.String:字符串类型 只要是引号括起来的都是字符串类型 可以在字符串中使用引号只要不匹配包围字符串的引号即可 实例 var answer Its alright;
var answer He is called Johnny;
var answer He is called Johnny; 字符串引号嵌套
Js 使用引号规则外双内单外单内双
var strMsg我是IT老王我在欣知大数据 字符串转义字符
转义符解释说明\n换行符n 是 newline 的意思\\斜杠 \\ 单引号\ 双引号\ttab 缩进\b空格b 是 blank 的意思 字符串长度
字符串是由若干个字符组成的这些字符数量就是字符串的长度。
通过字符串的 length 属性可以获取字符串长度
var strMsg 我是帅气多金的程序猿
alert(strMsg.length); // 13 字符串拼接
多个字符串之间可以使用进行拼接拼接方式为 字符串任意类型新的字符串
拼接前会把字符串相加的任何类型转为字符串在拼接起来
//1.字符串相加
Console.log(“hello”” ””world”); //hello world
//2.数值字符串相加
Console.log(“12”” ””12”); //1212
//3.数值字符串数值
Console.log(“12”” ”12); //1212
10.3.Boolean:布尔类型 只有两个值 false/true常用在条件测试中运算中 flase0/true1 10.4.Undefined:空变量 表示变量没有值 10.5.null:空对象指针 是一个只有一个值的数据类型可以将变量设置为 null 来清空变量 Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。 实例 cars null;
person null;
10.6.Object:对象 由花括号分割对象的属性以名称和值对的形式定义name:value来定义 JavaScript 数组属于对象 实例 var cars [Saab,Volvo,BMW];
JavaScrip 对象 实例 var person{ firstname : John, lastname : Doe, id : 5566 };
对象属性有两种寻址方式 实例 name person.lastname;
name person[lastname];
10.7.获取变量数据类型 typeof: 可以使用 typeof(变量名)查询数据类型 10.8.数据类型的相互转化 转换为字符串类型
方式说明案例toString()转成字符串var num 1; alert(num.toString());String()强制转换转成字符串var num 1; alert(String(num));加号拼接字符串和字符串拼接的结果都是字符串var num 1; alert(num 我是字符串); toString() 和 String() 使用方式不一样。 三种转换方式我们更喜欢用第三种加号拼接字符串转换方式这一种方式也称之为隐式转换。 转换为数值型重点
方式说明案例parseInt(String) 函数将String类型转成整数数值型parseInt(78)parseFloat(String) 函数将String类型转成浮点数数值型parseFloat(78.21)Number() 强制转换函数将String类型转换为数值型Number(12)js 隐式转换(- * /)利用算术运算隐式转换为数值型12 - 0 注意 parseInt 和 parseFloat 单词的大小写这2个是重点 转化为布尔值
方式说明案例Boolean()函数其他类型转成布尔值Boolean(true); 代表空、否定的值会被转换成false如、0、NaN、null、underfined 其余值都会被转换为true Undefine 和 null 是不能转化成 String 类型的 UndefineNaN和 null0、true1、false0可转化成 number 类型 练习 3 弹出一个输入框prompt让用户输入出生年月用户输入 把用户输入的值用变量保存起来然后用今年的年份减去变量值结果就是现在的年龄程序内部处理 弹出警示框alert把计算的结果输出输出结果
十一、运算符
11.1.算术运算符
运算符描述例子x 运算结果y 运算结果加法xy275-减法xy-235*乘法xy*2105/除法xy/22.55%取模余数xy%215自增xy66xy56--自减x--y44xy--54
用于字符串的 运算符用于把文本值或字符串变量加起来连接起来。 要想在两个字符串之间增加空格需要把空格插入一个字符串之中 如果把数字与字符串相加结果将成为字符串 除了加法字符串和数值相减相除求余... 当字符串是纯数字计算机会将字符串转为数值型进行减法计算 当字符串不是纯数字或者无数值则返回的值是 NAN
11.2.赋值运算符
运算符例子等同于运算结果xyx5xyxxyx15-x-yxx-yx5*x*yxx*yx50/x/yxx/yx2%x%yxx%yx0
11.3.比较运算符 相等运算符 判断两个操作数是否相等。不同的数据类型会自动转换为相等的数据类型再做比较。 等同运算符 全等值和类型严格意义的相等两个操作数的值和他们的类型必须完全一致。 不等于! 不等同运算符 ! 大于 小于 大于或等于 小于或等于
11.4.逻辑运算符 逻辑运算符用于测定变量或值之间的逻辑。 and(与) || or(或) ! not(非)
11.5.三元运算/三目运算/三元表达式/条件运算符
根据条件在两个语句中执行其中的一个使用符号 语法如下条件表达式语句 1语句 2 练习 4
输入框中输入一个数与 18 比较大于 18 则在页面显示成年小于则显示未成年 十二、运算符的优先级
优先级运算符说明结合性1[]、.、()字段访问、数组索引、函数调用和表达式分组从左向右2 -- -~!delete new typeof void一元运算符、返回数据类型、对象创建、未定义的值从右向左3*、/、%相乘、相除、求余数从左向右4、-相加、相减、字符串串联从左向右5、、左位移、右位移、无符号右移从左向右6、、、、instanceof小于、小于或等于、大于、大于或等于、是否为特定类的实例从左向右7、!、、!相等、不相等、全等、不全等从左向右8按位”与“从左向右9^按位”异或“从左向右10|按位”或“从左向右11短路与逻辑”与“从左向右12||短路或逻辑”或“从左向右13?:条件运算符从右向左14、、-、*、/、%、、|、^、、、、、混合赋值运算符从右向左15,多个计算按优先级算然后从右向左
