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);
}
}
(更多…)


