舒大少博客

2020javaweb教程之JavaScript的json对象

json概述

json(JavaScript object notation)JavaScript对象表示，是一种轻量级的数据交换格式。

json语法：

[] ：表示数组
{} : 表示对象
” ” ：表示是属性名或字符串类型的值
: 表示属性和值之间的间隔符
,  表示多个属性的间隔符或者是多个元素的间隔符 （更多…）

2020javaweb教程之JavaScript的DOM2

DOM概述：

通过 HTML DOM,使用 JavaScript访问 HTML 文档的所有元素。

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）

浏览器加载 HTML 时,会将所有的 HTMl 标签封装成对象(标签对象),称为节点(Node),并悬挂在树状结构中

在HTML中，一切都是节点 （更多…）

2020javaweb教程之JavaScript的BOM1

1.window对象

window尺寸

innerWidth、innerHeight 浏览器窗口的内部宽高，不包括滚动条，菜单栏，工具栏。

//获取浏览器宽度
var w=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;
//获取浏览器高度
var h=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;

屏幕的尺寸 （更多…）

2020javaweb教程之JavaScript正则表达式

正则表达式

语法：
var patt=/pattern/modifiers;

如：
var re=/\w+/;

修饰符：
修饰符用于执行区分大小写和全局匹配，默认区分大小写。

i：大小写不敏感
g：全局匹配
m：多行匹配，适用于文本域

方法：
（更多…）

2020javaweb教程之JavaScript字符串

创建字符串语法

var s=new String(s);
var s1=String(s);

返回值:

当 String() 和运算符 new 一起作为构造函数使用时，它返回一个新创建的 String 对象，存放的是字符串 s 或 s 的字符串表示。

当不用 new 运算符调用 String() 时，它只把 s 转换成原始的字符串，并返回转换后的值。

属性：length

方法：
（更多…）

2020javaweb教程之JavaScript系统函数

弹窗

alert(“这是个弹窗”);

确认框

//确认框
var result=confirm("你要删除吗");
if(result){
	document.write("删除成功")
}else{
	document.write("取消删除")
}
 （更多…）

2020javaweb教程之JavaScript闭包以及函数回调

闭包

//闭包创建计数器

var add=(function(){

  var c=0;//局部变量

  return function(){//内部函数

     c+=1;//访问了外部自执行函数的局部变量

     return c+"<br>";//返回结果给add变量
		
  }
})();
 （更多…）

2020javaweb教程之JavaScript函数创建

函数的创建方式1

//定义函数
function add(a,b){
  return a+b;
}

//把值赋给变量
var adds=add(5,10);
//打印变量
document.write("函数返回值为"+adds);
 （更多…）

2020javaweb教程之JavaScript的forEach语句

forEach语句

var arr=[
{id:1,name:"张三",sex:"男",age:18},
{id:2,name:"赵四",sex:"女",age:22},
{id:3,name:"尼玛",sex:"男",age:44},
{id:4,name:"耿鬼",sex:"女",age:55}
];
//forEach
 （更多…）

2020javaweb教程之JavaScript条件语句以及switch

if…else语句

var date=new Date();

var hours=date.getHours()+10;

document.write("当前时间为"+hours+"点<br>")

if(hours>6&&hours<12){ 
  document.write("早上好"); 
 （更多…）

020javaweb教程之JavaScript

JavaScript创建对象方式1

//js的对象构造方法
    
    function student(){
        this.name;
        this.age;
        this.sex;
        this.show=function () {document.write("====js的对象构造方法====")
            document.write(this.name+"今年"+this.age+",性别为"+this.sex);
        }
    }
 （更多…）