-
您身边的网站建设推广专家
专注营销型网站建设 . 搜索引擎全网覆盖推广 . 打造移动互联网
全国咨询热线
【建站服务】昌乐400电话申请开通【昌乐企业网站建设】昌乐微信公众号小程序开发运营价格、昌乐微信公众号APP软件客户端设计运营、昌乐网页页面设计公司费用、昌乐公司网站制作方案流程改版维护大概需要多少钱
作者: 风兰 . 阅读量： 7 . 发表时间：2022-09-20 15:42:17
上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。
昌乐400电话申请开通【昌乐企业网站建设】昌乐微信公众号小程序开发运营价格、昌乐微信公众号APP软件客户端设计运营、昌乐网页页面设计公司费用、昌乐公司网站制作方案流程改版维护大概需要多少钱
昌乐县，隶属山东省潍坊市，位于山东半岛中部，东距海滨城市青岛150公里，北离渤海80公里。环渤海经济圈与山东半岛城市群的交汇点，是内陆通往胶东沿海地区的咽喉地带。胶济铁路、济青高速公路、309国道等贯穿境内。是国务院批准的沿海经济开放县，也是著名的蓝宝石之都。土地面积1101平方公里，总人口63.8万人（2018年）。政府驻地城关街道。
昌乐县先后被评为“中国平安建设先进县” [1] 、中国“五五”普法中期工作先进县 [2] 、“中国科技进步先进县” [3] 、“中国魅力名县”、“中国最令人向往的地方”、“中华文化国际旅游名城” [4] 、山东最佳投资城市和山东旅游强县。 [5]
2018年，昌乐县完成地区生产总值329.9亿元，增长6.7%。2020年2月13日，获得2019年度全国“平安农机”示范县称号。 [6] 2020年7月29日，入选2019年重新确认国家卫生乡镇（县城）名单。 [7]
很多人对Javascript中的properties和attributes都很迷惑，在英文中这两个词属同义词。不光是我们，浏览器中的IE8之前的版本包括IE8的兼容模式，对它们同样很迷惑，这是我的一篇翻译文章。
英文原文请看Attributes and custom properties。这篇文章中的代码示例在原文中都可以运行。需要运行代码看结果的同学们，请到原文中运行。
注：我在这篇文章里将attribute翻译成属性，将property翻译成特性，自认为这是严谨的。
一个DOM节点可能既有属性也有特性。人们经常混淆这两个概念，因为它们相互关联但的确又是两个不同的东西。
下面这个例子将myData这个对象作为一个特性赋给了document.body。
document.body.myData = {
name: 'John'
}
alert(document.body.myData.name) // John
document.body.sayHi = function() {
alert(this.nodeName)
}
document.body.sayHi() // BODY自定义的特性和方法只在javascript中可见，不影响HTML。
与此同时，自定义的特性可以用for...in遍历到，它们和原生的特性混在一起。
document.body.custom = 5
var list = []
for(var key in document.body) {
list.push(key)
}
alert(list.join('
'))自定义的DOM对象特性有以下特点:
可能有任意值，特性名是大小写敏感的
不影响HTML
DOM节点提供以下获取HTML属性的标准方法：
* elem.hasAttribute(name)-----检查属性是否存在 * elem.getAttribute(name)-----获取属性值 * elem.setAttribute(name,value)-----设置属性 * elem.removeAttribute(name)-----移除属性 敬告：这些属性在IE<8和IE8的兼容模式下是被误解的： * 只存在getAttribute和setAttribute方法 * 这些方法实际上修改的是DOM对象的特性，而不是属性 * 属性和特性在IE<8的环境中是被合并了的。有时这引发奇怪的结果，但是我们在这里讨论的管理属性的方法工作良好。
相对于特性，属性有以下特点：
* 可能只接受字符串 * 名字大小写不敏感，因为HTML的属性就是大小写不敏感的 * 它们可以出现在innerHTML里（除了更老版本的IE） * 你可以通过元素的attributes伪数组特性列举所有属性
举个例子，让我们看看下面的HTML片段：
<body> <div about="Elephant" class="smiling"></div> </body>
下面的这个例子设置属性。
<body>
<div about="Elephant" class="smiling"></div>
<script>
var div = document.body.children[0]
alert( div.getAttribute('ABOUT') ) // (1)
div.setAttribute('Test', 123) // (2)
alert( document.body.innerHTML ) // (3)
</script>
</body>当你运行上面的代码的时候，请注意下面几点：
* ```getAttribute('ABOUT')```用大写的属性名，不过这没有关系
* 你可以试着给属性赋除字符串外的其他基本类型值，但它们都会被转化成字符串。如果是对象的话，也会被自动转化成字符串。但在IE下对象可能会有问题，所以还是坚持用基本类型值。
*innerHTML中包含了新加的"test"属性每种类型的DOM节点都有其标准的特性。
例如，'A'标签：Interface HTMLAnchorElement
它有"href"和"accessKey"还有其他特殊的属性。它从HTMLElement继承了"id"和其他属性。
比如，浏览器同步了"id"属性和"id"特性
<script>
document.body.setAttribute('id','la-la-la')
alert(document.body.id) // la-la-la
</script>同步性并没有保证值的一致，让我们一"href"为例。
<a href="#"></a>
<script>
var a = document.body.children[0]
a.href = '/'
alert( 'attribute:' + a.getAttribute('href') ) // '/'
alert( 'property:' + a.href ) // IE: '/', others: full URL
</script>这是因为，href根据W3C的定义必须是格式良好的链接。
有一些其他的属性，是同步的，但值却不同。例如，input.checked：
<input type="checkbox" checked>
<script>
var input = document.body.children[0]
alert( input.checked ) // true
alert( input.getAttribute('checked') ) // empty string
</script>input.checked特性的值要么是true要么是false，但是这个属性的值就是你赋给它的值。
也有内建特性是单向同步的
比如说，input.value可以从属性上同步过来：
<input type="checkbox" checked>
<script>
<body>
<input type="text" value="markup">
<script>
var input = document.body.children[0]
input.setAttribute('value', 'new')
alert( input.value ) // 'new', input.value changed
</script>
</body>但是，这个属性却不能从特性那同步过来：
<body>
<input type="text" value="markup">
<script>
var input = document.body.children[0]
input.value = 'new'
alert(input.getAttribute('value')) // 'markup', not changed!
</script>
</body>当特性的值更新后属性还是保持着原始的值。比如当一个客户输入些东西的时候，原始的值可以被用来检车input标签的值是否发生了变化，或者用于重置的时候。
命名异常："class"属性和className特性的联系
因为，在Javascript中"class"是一个保留字，与"class"属性相关联的特性是className.
<body>
<script>
document.body.setAttribute('class', 'big red bloom')
alert( document.body.className ) // ^^^
</script>
</body>注意，上面的例子在IE<9中不好用，因为在它们中特性和属性被混淆了。
但是，我们也能和它和平共处，方法就是总是用className特性管理classes，而不是属性。
首先，IE<9中，同步了所有特性和属性
document.body.setAttribute('try-in-ie', 123)
alert( document.body['try-in-ie'] === 123 ) // true in IE<9注意，这里的123没有被转化成字符串。
第二，在IE<8(或者在处于IE7兼容模式的IE8中)特性和属性是同一个这样就引发了一个可笑的结果。
比如，特性名是大小写敏感的，而属性不是。如果浏览器认为它们是同一个值的话，那么下面这段代码的结果又如何呢？
document.body.abba = 1 // assign property (now can read it by getAttribute)
document.body.ABBA = 5 // assign property with another case
// must get a property named 'ABba' in case-insensitive way.
alert( document.body.getAttribute('ABba') ) // ??浏览器会跳过这个陷阱而默认采用第一个值。它也为getAttribute提供了第二个可选的只有IE支持的参数，这个参数标示了是不是大小写敏感。具体请看MSDN getAttribute。
在所有的浏览器中，除了ie<9,"class"属性可用来更改class。所以，任何时候都不要用attribute,要用className.
为了与IE和平相处，要正确地使用属性。 换句话说，尽量使用特性，除非你真的需要属性的时候。 仅限以下情况，你可能真的需要属性： * 为了获取一个HTML自定义属性，因为它和DOM的特性不同步 * 为了获取标准HTML属性的初始值，像<input value="...">
属性同样可以通过elem.attributes集合获得。
在attributes集合中，每个属性都被一个特殊的DOM节点代表。它有名字，值和其他特性。
比如：
<span style="color:blue" id="my">text</span> <script> var span = document.body.children[0] alert( span.attributes['style'].value ) // "color:blue;" alert( span.attributes['id'].value ) // "my" </script>
对了，在IE<8和IE8的兼容模式中"style"属性 会暴走，猜猜为什么？
属性的DOM节点不是文档树的一部分，它们只能通过它们的元素获得。
attributes和properties都是DOM模型的特性。
| Properties | Attributes |
|---|---|
| Any value | String |
| Names are case-sensitive | not case-sensitive |
Don’t show up in innerHTML | Visible in innerHTML |
| Standard DOM properties and attributes are synchronized, custom are not. | |
| Attributes are mixed with properties and screwed up in IE<8, IE8 compat. mode. | |
如果你想在HTML中使用自定义属性，记得data-*属性在HTML5中可用。详情查看HTML5标准Custom data attributes。
现实中，98%我们都在用DOM对象的特性。
只有两种情况，你应该用属性
* 一个自定义的HTML属性，因为它和DOM特性不同步 * 为了获得一个内奸的HTML属性，这个属性和它特性不同步，并且你确定需要这个属性。
例如，value in input.
昌乐400电话申请开通【昌乐企业网站建设】昌乐微信公众号小程序开发运营价格、昌乐微信公众号APP软件客户端设计运营、昌乐网页页面设计公司费用、昌乐公司网站制作方案流程改版维护大概需要多少钱
上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。
服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）
关键词：网站建设,企业网站,网站制作,网页设计,高端网站建设,企业网站制作,网页制作,制作网站,网站设计,高端网页设计,高端网站设计,做网站,自适应网站
