JS - JavaScript和DOM操作

1、HTML元素标记 - 超文本标记语言
决定你网页中有哪些东西

2、CSS - 样式表
决定你网页中的这些元素标记的样式和布局

3、JS - JavaScript
决定你网页中的这些元素标记的功能和特效

3.1、onclick:单机
ondblclick:双击

function 执行函数

alert 显示框只有确定

confirm 显示框有确定和取消

prompt 显示框下面填写内容

var 万能变量

<body>

<a onclick="a()"></a>
<script tipy="text/javascript">

function a()
{
alert("");
confirm("");
}

</body>

————————————————————————————————————————————

DOM操作:文档对象模型

一、window对象
1、window.open("链接地址","打开位置","新窗口属性")
2、window.close();
3、window.opener;打开它的网页
4、window.resizeTo(长度,宽度);
5、wondow.moveTo(x,y);
6、wondow.scrollTo(x,y);

二、window.history对象
window.history.go(n);正数,前进多少页,负数,后退多少页;
window.history.back();后退一页
window.history.forward();前进一页

三、window.location对象:
window.location.href:获取页面地址

四.window.status对象

五.window.document对象
var 变量 = document.getElementById(id);
var 变量 = document.getElementsByClassNaame(class);
var 变量 = document.getElementsByName(name);
var 变量 = document.getElementsByTagName(标签名);
变量.innerHTML="内容";

--------------------------------------------------------
操作非表单元素的内容:
innerHTML = ""; - 拼标记,会把标记改成相应的效果;
innerText = ""; - 不管有什么内容标记,全部写出来;

单独拿出来用的话,就是获取元素中的文本内容
innerHTML - 会把里面所有内用取出来
innerText - 会把里面所有的内容去除标记取出来

时间: 2024-10-26 22:06:49

JS - JavaScript和DOM操作的相关文章

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 day43 Jquery入门(回顾js,Jquery选择器,dom操作)

1     Javascript回顾 问题:Javascript能做什么? 1. 获取操作dom <style> .aa{ background:red} .bb{ background:blue} </style> <body> <div id="dv" title="提示信息" class="aa">AAAAAAAAA</div> <button onclick="f

js中的DOM操作(一)——查看及设置节点

一.前言 DOM 是 W3C(World Wide Web Consortium)标准.同时也 定义了访问诸如 XML 和 HTML 文档的标准: DOM是一个使程序和脚本有能力动态地访问和更新文档的内容.结构以及样式的平台和语言中立的接口. 在HTML和JavaScript的学习中,DOM操作可谓时重中之重.今天,小编就领着大家来看看DOM操作是个什么样子!! 二.DOM节点  DOM节点分为三大类:元素节点.属性节点.文本节点: 而我们心心念念想知道的DOM树就长酱紫!          

JS基础与DOM操作(一)

1.HTML元素标记 - 超文本标记语言 决定你网页中有哪些东西 alert("")警告对话框,作用是弹出一个警告对话框 confirm("")确定对话框,作用是弹出一个可供选择的确定对话框, 点击确定之后,它返回true,点击取消返回flase,可用变量来接收. prompt("")作用是弹出一个可以输入内容的对话框. 2.CSS - 样式表 决定你网页中的这些元素标记的样式和布局 3.JS - JavaScript 决定你网页中的这些元素标记

js基础和dom操作

1.HTML元素标记 - 超文本标记语言 决定你网页中有哪些东西 2.CSS - 样式表 决定你网页中的这些元素标记的样式和布局用:<style type="text/css"></style> 3.JS - JavaScript 决定你网页中的这些元素标记的功能和特效.只要放在HTML里就可以.用:<script type="text/javascript"><script> alert() 弹出警告对话框 :con

js练习【DOM操作】

完成效果: 演示地址:http://codepen.io/anon/pen/jPbYWq HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>[js小练习]:DOM操作</title> </head> <body> <div id="testField&qu

js面试题-----DOM操作和BOM操作

题目1:DOM是哪种基本的数据结构 答案:DOM是一种树形结构的数据结构 题目2:DOM操作的常用API有哪些 答案:获取DOM节点,以及节点的property和Attribute.获取父节点,获取子节点.新增节点,删除节点 题目3:DOM节点的Attribute和property有何区别 答案:property只是一个JS对象的属性的修改.(通过obox.name = xxx操作) Attribute是对html便签属性的修改 题目4:如何检测浏览器的类型 答案:可以通过检测navigator

JavaScript的DOM操作

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