JavaScript的DOM操作(2)

补充:

 

回车符\r和换行符\n的区别:\r 相当于enter,是段落与段落之间的区别,

             \n 相当于shift+enter,是行与行之间距离,比较小

几种window操作方法:

1、获取当前窗口大小并打印:

var height=window.innerHeight;var width = window.innerWidth;
document.write("<br/>"+"height"+height+",width"+width);

2、打开窗口、关闭当前窗口

window.open("http://baidu.com");
window.close();

3、移动当前窗口到某一位置(x,y)

window.moveTo(200,200);

4、改变当前窗口的尺寸(width,height)

window.resizeTo(1100,1100);

5、获取当前页地址

document.write(location.href);

6、【历史记录】网页的前进(前进到之前的历史,相当于“→”)、后退(后退到之前历史,相当于“←”)

<!--后退用.back方法设置在另一个网页中即可--><input type="button" onClick="a()"value ="点我前进"/>
function a()
    {
        window.history.forward();/*前进到之前的历史*/
    }

*navigator访问者浏览器的信息

alert:警告框 confirm:确认框 prompt:提示框

一、基本语法:数据类型(字符串,小数,整数,布尔,时间) var,
var s = "3.14"; var n = parseFloat(s); ; s += 5;
var d = parseInt(s);
isNaN(字符串):判断是否是数字模样的字符串;是-false; 不是-true

运算符:四大类
表达式:
语句:三大类(顺序,分支,循环)
分支:if(){}; if...else...;if...else if...else if ......else;if嵌套
循环:穷举,迭代;四要素(初始条件,循环条件,循环体,状态改变):
数组;var a = new Array()
函数:四要素(名称,输入,返回,加工)
function Show()
{
}

二、DOM操作:树
window对象——浏览器窗口

window.location:地址栏
window.history:访问历史
window.status:状态栏
window.document:重点!

时间: 2024-10-08 09:46:50

JavaScript的DOM操作(2)的相关文章

Python之路day13 web 前端(JavaScript,DOM操作)

参考链接:http://www.cnblogs.com/wupeiqi/articles/5433893.html day13 1. CSS示例 2. JavaScript 3. DOM操作 上节内容回顾: 1. HTML标签 html/head/body/ input div,span a p br span table > tr行 th表头列 td表头列 h form> action method enctype=;;; select option input系列: text passwo

第一百一十六节,JavaScript,DOM操作样式

JavaScript,DOM操作样式 一.操作样式 CSS作为(X)HTML的辅助,可以增强页面的显示效果.但不是每个浏览器都能支持最新的CSS能力.CSS的能力和DOM级别密切相关,所以我们有必要检测当前浏览器支持CSS能力的级别. DOM1级实现了最基本的文档处理,DOM2和DOM3在这个基础上增加了更多的交互能力,这里我们主要探讨CSS,DOM2增加了CSS编程访问方式和改变CSS样式信息. DOM一致性检测 功能 版本号 说明 Core 1.0.2.0.3.0 基本的DOM,用于表现文档

JS - JavaScript和DOM操作

1.HTML元素标记 - 超文本标记语言 决定你网页中有哪些东西 2.CSS - 样式表 决定你网页中的这些元素标记的样式和布局 3.JS - JavaScript 决定你网页中的这些元素标记的功能和特效 3.1.onclick:单机 ondblclick:双击 function 执行函数 alert 显示框只有确定 confirm 显示框有确定和取消 prompt 显示框下面填写内容 var 万能变量 <body> <a onclick="a()"></

JavaScript的DOM操作

1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 2.Window对象操作 一.属性和方法: 属性(值或者子对象): opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null. dialogArgument:对话框返回值. 子对象:history,location,document,status,menubar,toolbar等. 方法(函数):事件(事先设置好的程序,被触发).

课堂笔记--------JavaScript 的DOM操作

1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 2.Window对象操作 一.属性和方法: 属性(值或者子对象): opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null. dialogArgument:对话框返回值. 子对象:history,location,document,status,menubar,toolbar等. 方法(函数):事件(事先设置好的程序,被触发).

HTML JavaScript的DOM操作

1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 2.Window对象操作 一.属性和方法: 属性(值或者子对象): opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null. dialogArgument:对话框返回值. 子对象:history,location,document,status,menubar,toolbar等. 方法(函数):事件(事先设置好的程序,被触发).

HTML-教案-JavaScript的DOM操作

1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 2.Window对象操作 一.属性和方法: 属性(值或者子对象): opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null. dialogArgument:对话框返回值. 子对象:history,location,document,status,menubar,toolbar等. 方法(函数):事件(事先设置好的程序,被触发).

网页、JavaScript 的DOM操作

HTML DOM (文档对象模型) 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model). HTML DOM 模型被构造为对象的树.  Windows 对象操作 window.open() - 打开新窗口 window.close() - 关闭当前窗口 1.Windows.open("第一部分","第二部分","第三部分","第四部分") 第一部分:写页面地址      url 第二部分

JavaScript 的DOM操作

HTML DOM (文档对象模型) 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model). HTML DOM 模型被构造为对象的树. Windows 对象操作 window.open() - 打开新窗口 window.close() - 关闭当前窗口 1.Windows.open("第一部分","第二部分","第三部分","第四部分") 第一部分:写页面地址      url 第二部分: