恶补web之六:javascript知识(2)
来源:互联网 发布:淘宝找回手机真的假的 编辑:程序博客网 时间:2024/05/23 13:02
若要向html添加新元素,必须首先创建该元素,然后向一个已存在的元素追加该元素
<div id="div1"><p id="p1">这是一个段落</p><p id="p2">这是另一个段落</p></div><script>var para=document.createElement("p");var node=document.createTextNode("这是新段落。");para.appendChild(node);var element=document.getElementById("div1");element.appendChild(para);</script>
删除已有html元素,必须首先获得该元素的父元素
<div id="div1"><p id="p1">这是一个段落。</p><p id="p2">这是另一个段落。</p></div><script>var parent=document.getElementById("div1");var child=document.getElementById("p1");parent.removeChild(child);</script>
或者可以这样获取父元素:
var child=document.getElementById("p1");
child.parentNode.removeChild(child)
js提供多个内建对象,对象是带有属性和方法的特殊数据类型.你可以创建自己定义的对象:
person = new Object();
person.firstname = "zhang"
person.age = 100
或者: person ={firstname:"zhang",age:50}
把方法添加到对象:
function person(firstname,lastname,age,eyecolor){this.firstname=firstname;this.lastname=lastname;this.age=age;this.eyecolor=eyecolor;this.changeName=changeName;function changeName(name){this.lastname=name;}}
js数字对象均为64位(8bit)
BOM称为浏览器对象模型,尚无正式标准.
所有浏览器都支持window对象,表示浏览器窗口.所有js全局对象,函数及变量均自动成为window对象的成员;全局变量是windows对象的属性,全局函数是window对象的方法;甚至连html DOM的document也是window对象属性之一.
取得浏览器宽度和高度的标准方法:
var w=window.innerWidth|| document.documentElement.clientWidth|| document.body.clientWidth;var h=window.innerHeight|| document.documentElement.clientHeight|| document.body.clientHeight;
window对象的其他方法:
window.open() - 打开新窗口
window.close() - 关闭当前窗口
window.moveTo() - 移动当前窗口
window.resizeTo() - 调整当前窗口尺寸
window.screen对象包含有关用户屏幕的信息,使用时可以省略window前缀.
screen.availWidth和.availHeight返回可用屏幕的宽度和高度
window.location获取当前页面的地址,并把浏览器重新定位到新的页面.使用时可省略window前缀:
location.hostname 返回web主机的域名
location.pathname 返回当前页面的路径和文件名
location.port返回web主机的端口号
location.protocol返回使用的web协议
location.href返回当前页面的url
location.assign方法加载新的文档
[windows.]history对象包含浏览器对象的历史;history.back 与浏览器点击后退按钮相同; .forward与浏览器点击前进按钮相同.
[window.]navigator对象包含有关访问者浏览器的信息.
可在js中创建3中消息框:警告框alert,确认框confirm和提示框prompt.
js中可以在一个设定时间间隔后来执行代码.使用setTimeout在未来某时执行代码;用clearTimeout取消setTimeout的执行.
var t=setTimeout("js语句",ms)
clearTimeout(t)
cookit用来识别用户.
- 恶补web之六:javascript知识(2)
- 恶补web之六:javascript知识(1)
- 恶补web之二:css知识(2)
- 恶补web之二:css知识(1)
- 恶补web之七:html DOM知识
- 恶补web之二:css知识(3)
- 恶补web之八:jQuery(2)
- 结构体指针---恶补之六
- 恶补web之三:http学习
- 恶补web之四:xhtml学习
- 恶补web之五:dhtml学习
- 恶补web之八:jQuery(1)
- 恶补web之八:jQuery(3)
- 恶补web之一:html学习(2)
- 恶补前端知识之——CSS(一)
- 网络知识大恶补
- 恶补CSS的布局知识
- web前端之JavaScript高级程序设计六:事件
- 时间单位换算表
- google的protocol buffers 对象的序列化 for java
- nyoj 236 心急的c小加 【LIS】
- VisualSVN Server仓库迁移到Linux(包含所有版本, 权限,用户信息)
- Jenkins——简介
- 恶补web之六:javascript知识(2)
- 死亡十字寓意:全球经济与股市背离
- oracle表重命名
- linux 切换用户之后变成-bash-3.2$ :
- arm linux 启动流程
- 黑马程序员_DOM
- [C++]LeetCode: 74 Linked List Cycle II
- XCode格式化代码
- [BZOJ 2802]Poi2012 Warehouse Store