<!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 = "林黛玉" ⑵如果要使用特殊的属性名，不能采用 . 的方式来操作 需要使用另一种方式：语法：对象["属性名"] = 属性值 读取时也需要采用这种方式 示例： ⑶使用[ ] 这种形式去操作属性，...
var book = {subtitle: "Bible"}; var bookName = book.name.length // 这时候会出错, 因为试图查询这个不存在的对象的属性就会报错以下提供两种避免出错的方法: 1.var len = undefined;if(book) { if(book.name) len = book.name.length;} 2. 一种更简洁的常用方法, 获取name的length属性或者undefinedvar len = book && book.name && book.name.length; // 不会报错, len = undefined原文：http://www.cnblogs.com/facial...