JS面向对象
2021-02-10 02:17
标签：elf 用户名 mit 面向对象 md5加密 strong 选中 new rem JS java c# ....面向对象:JS有些区别 在JS这个需要大家换一下思维的方式! 原型: class继承 class关键字是ES6引入的 1.定义一个类，属性，方法 操作BOM对象(重点) 浏览器介绍 JS 和浏览器的关系? JS诞生是为了能够让他在浏览器中运行~ BOM:浏览器对象模型 window (重要) window 代表浏览器窗口 Navigator(不建议使用) Navigator，封装了浏览器的信息 大多数时候，我们不会使用 不建议使用这些属性来判断和编写代码 screen 代表屏幕尺寸 location(重要) location 代表当前页面的URL信息 document(内容：DOM) document 代表当前的页面，HTML DOM 文档树 获取具体的文档树节点 获取cookie 劫持cookie 原理 服务器端可以设置cookie：httpOnly history(不建议使用) history代表浏览器的历史记录 操作DOM对象（重点） 核心 浏览器网页就是一个Dom树形结构！ 要操作一个Dom节点，就必须先要使用这个Dom节点 获取dom节点 这是原生代码，之后我们尽量使用都是JQery(); 更新节点 操作文本 操作css 删除节点 删除节点的步骤：先获取父节点，再通过父节点删除自己 p1 p2 注意：删除多个节点的时候，children是时刻变化的，删除节点的时候一定要注意！ 插入节点 我们获取了某个Dom节点，假设这个dom节点是空的，我们通过inner HTML 就可以增加一个元素了，但是这个DOM节点已经存在元素了，我们就不能这么干了！，会产生覆盖 追加 JavaScript
JaveSE JaveeE Javese 创建一个新的标签，实现插入 insertBefore 操作表单（验证） 表单是什么 form DOM 树 表单的目的:提交信息 获取要提交的信息 提交表单 . md5加密密码,表单美化 JS面向对象 标签：elf 用户名 mit 面向对象 md5加密 strong 选中 new rem 原文地址：https://www.cnblogs.com/wn-888/p/13055602.html面向对象
var Student = {
name:‘zhansan‘,
age:3,
run:function(){
console.log(this.name+"run...");
}
};
var xiaoming = {
name:"xiaoming"
};
//原型对象
xiaoming._proto_ = student;
var Bird = {
fly:function(){
console.log(this.name+"fly...");
}
};
//小明的原型是student
xiaoming._proto_ = bird;
//定义一个学生的类
class Student{
constructor（name）{
this.name= name；
}
hello(){
alert(‘hello‘)
}
}
var xiaoming = new Student(‘xiaoming’);
var xiaohong = new student(‘xiaohong‘);
xiaoming.hello()
window.alert(1)
window.innerHeight
window.outHeight
Navigator对象，因为会被人修改~
screen.width
screen.height
host:"www.baidu.com"
href:"http://www.baidu.com/"
protocol:"https:"
reload f reload()//刷新网页
//设置新的网址
location.assign(‘https：//.bing.com/’)
doucument.title
"百度一下，你就知道"
doucument.title="张三"
”张三“
document.cookie
history.back()//后退
history.forward（）//前进
//对应css选择器
var h1 = document.getElementsByTagName(‘h1‘);
var p1 = document.getElementsById(‘p1‘);
var p2 = document.getElementsByClassName(‘p2‘);
var father = document.getElementsById(‘father‘);
var childrens = father.children[index];//获取父节点下的所有的子节点
//father.firstChild
//father.lastChild
id1.innerText = ‘456’ 修改文本的值id1.innerHTML = ‘123 可以解析HTML文本标签id1.style.color = ‘yellow’;//属性使用 字符串 包裹
id1.style.fontSize = ‘20px’;// - 转 驼峰命名问题
id1.style.padding = ‘’2em
标签一
var js = document.getElementById(‘js‘);//已经存在的节点
var list = document.getElementById(‘list‘);
//通过JS创建一个新的节点
var newp = document.createElement(‘p‘);//创建一个p标签
newp.id = ‘newP‘;
newP.innerText =‘Hello,zhangsan‘;
// 创建一个标签节点
var myScript = document.createElement(‘script‘);
myScript.setArrtribute(‘type‘,‘text/javascript‘);
//可以建立一个style标签
var myStyle = document.createElement(‘style‘);//创建一个空style标签
myStyle.setArrtribute(‘type‘,‘text/css‘);
myStyle.innerHTML = ‘body{backgrountd-color：chartreuse;}‘;//设置标签内容
document.getElementsByTagName(‘head‘)[0].appendChild(myStyle)
var ee = document.getElementById(‘ee‘);
var js = document.getElementById(‘js‘);
var list = document,getElementById(‘list‘);
//要包含的节点，insertBefore(newNode,targetNode)
list.inserBefore(js.ee);