html代码:<!--添加/删除/修改 --><div id="a1"><button id="a2" onclick="add()">add</button></div><div id="a3"><button onclick="del()">del</button></div><div id="a4" style="margin-top: 20px"><span style="width: 20px;height: 20px">hello world !!!</span><button onclick="change()">change</button></div><!--classname属性操作--><div id="cn" class="a11 b11 c11"></div> 新增标签(document.createElement(标签))//...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><style>* {margin: 0;padding: 0;}div {width: 200px;height: 100px;background-color: pink;position: absolute;}</style></head><body><input type="button" id="bt" value="显示效果"/><div id="dv"></div><script src="common.js"></script><script>//点击按钮,使元素的宽度到达一个值,高度到达一个值//获取任意元素的任意属性值function getSty...
注意:以下的输出都在浏览器的控制台中<!DOCTYPE html> <html> <head><meta charset="utf-8"><title>闭包</title> </head> <body> <script type="text/javascript"> /*** 利用闭包实现* 这个函数给对象o增加了属性存储器方法* 方法名称为get<name>和set<name>。如果提供了一个判断函数* setter方法就会用它来检测参数的合法性,然后再存储它* 如果判定函数返回false,setter方法就会抛出一个异常** 这个函数具有getter和setter函数*...
使用JS对Json数据的处理,项目遇到需要对Json数据进行相关操作,比如增删改操作,本以为会比较难,网上搜索下,发现还是比较简单的,贴一段代码:<scripttype="text/javascript"> var json = { "age":24, "name":"cst" }; //修改Json中的age值,因为Json中存在age属性 json["age"] = 30; alert(json.age); //30 //增加Json中的sex值,因为Json中不存在se...
经常遇到要给 html 中所有相同属性的元素添加同一个点击事件, 这里, 我需要给所有 type 属性为 "radio" 的 input 元素添加上相同的点击事件, 具体实现的 javascript 代码如下: // document.querySelectorAll("input[type=‘radio‘]")是获取网页上所有type属性为radio的input元素 document.querySelectorAll(‘.some-class‘).forEach(item => {item.addEventListener(‘click‘, event => {//handle click }) }) 参考资料: https...
//window.navigator.userAgent : 浏览器信息判断IE浏览器:if ( window.navigator.userAgent.indexOf(‘MSIE‘) != -1 ) { alert(‘我是ie‘); } else { alert(‘我不是ie‘); }//window.location : 地址window.location.href = window.location内容window.location.search = url?后面的内容window.location.hash = url#后面的内容//alert( window.location );//alert( window.location.href );//地址//alert( window.location.sea...
JavaScript是使用“对象化编程”的,或者叫“面向对象编程”的。所谓“对象化编程”,意思是把JavaScript能涉及的范围划分成大大小小的对象,对象下面还继续划分对象直至非常详细为止,所有的编程都以对象为出发点,基于对象,小到一个变量,大到网页文档、窗口甚至屏幕,都是对象。今天我将在马海祥博客上跟大家讲述一些JavaScript对象属性的基础教程指南。 一、JavaScript对象的基础知识JavaScript 中的所有事物都是对象:字符串...
1 <!DOCTYPE html>2 <html lang=‘zh-cn‘>3 <head>4 <title>Insert you title</title>5 <meta name=‘description‘ content=‘this is my page‘>6 <meta name=‘keywords‘ content=‘keyword1,keyword2,keyword3‘>7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">8 <link rel=‘stylesheet‘ type=‘text/css‘ href=‘./css/index.css‘ />9 <script type=‘text/javascript‘ src=‘./js/jquery-1.1...
?1234567891011121314151617181920<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type"content="text/html; charset=utf-8"/> <title></title></head><body> <!-- 元素属性的操作 第一种:oDiv.style.display="none"; 第二种:oDiv.style["display"]="none"; 第三种:Dom方式 Dom方式操作元素的属性 获取:getAttribute(名称);//...
以下先记录一下JS控制CSS所使用的方法. 1.使用javascript更改某个css class的属性... <style type="text/css"> .orig { display: none; } </style> 你想要改变把他的display属性由none改为inline。 解决的方法: 在IE里: document.styleSheets[0].rules[0].style.display = "inline"; 在firefox里: document.styleSheets[0].cssRules[0].style.display = "inline"; 讨论: 能够做一个函数来搜索特定名字的style对象:...
本篇文章主要针对javascript的属性进行分析,由于javascript是一种基于对象的语言,本身没有类的概念,所以对于javascript的类的定义有很多名字,例于原型对象,构造函数等,它们都是指javascript中的类。 例如:function Person(){} var p = new Person(); 这里的Person可以看作一个类,而p则是这个类的实例也可以称为对象。这里主要分析js里面的四种属性。 私有属性,指定义在类中用var声明的,即var propertyName = sonm...
1<!DOCTYPE html> 2<html> 3<head> 4<title></title> 5<script type="text/javascript"> 6/* 7 BOM: Browser Object Model 浏览器对象模型8 提供了访问和操作浏览器各组件的方式9 10 window: 浏览器窗口 JS中最大的对象, 其它对象都是它的子对象11 location: 地址栏12 histroy: 浏览记录13 screen: 显示器屏幕 获取屏幕的相关信息14 navigator: 浏览器软件 判断客户用的什么浏览器软件15 document: ...
Hello, world!本教程的这一部分内容是关于 JavaScript 语言本身的。但是,我们需要一个工作环境来运行我们的脚本,由于本教程是在线的,所以浏览器是一个不错的选择。我们会尽可能少地使用浏览器特定的命令(比如 alert),所以如果你打算专注于另一个环境(比如 Node.js),你就不必多花时间来关心这些特定指令了。我们将在本教程的下一部分中专注于浏览器中的 JavaScript。首先,让我们看看如何将脚本添加到网页上。对于服务器端...
/* 检测属性 检测属性可以通过三种方式 1.通过in运算符 2.通过hasOwnPerperty() 如果给定的属性是继承属性将返回false 3.通过propertyIsEnumerable():只有检测到的自有属性且这个属性的可枚举性为true时它才返回true,某些内置对象是不可枚举的,通常由JavaScript代码创建的对象的属性是可枚举的。 */var o = { x: 1};"x" in o.x; //true "y" in o.x; //false "toString" in o.x //true o继承toString 属性o.hasOwnProperty("x");...
㈠属性名var obj = new Object();向对象中添加属性 ⑴属性名: - 对象的属性名不强制要求遵守标识符的规范 什么乱七八糟的名字都可以使用 - 但是我们使用时还是尽量按照标识符的规范去做示例:obj.name = "林黛玉" ⑵如果要使用特殊的属性名,不能采用 . 的方式来操作 需要使用另一种方式:语法:对象["属性名"] = 属性值 读取时也需要采用这种方式 示例: ⑶使用[ ] 这种形式去操作属性,...