企业网站建设

建站知识

今日已发布信息: 216004
累计注册用户: 80297746

JS使用getComputedStyle()技巧获取CSS属性值

概述: 而FF是用的是getComputedStyle 方法 “DOM2级样式”增强了document.defaultView,提供了getComputedStyle()方法。这个方法接受两个参数:要取得计算样式的元素和一个伪元素字符串(例如“:after”)。如果不需要伪元素信息,第二个参数可以是null。getComputerStyle()方法返回一个CSSStyleDeclaration对象,其中包含当前元素的所有计算的样式。以下面的HTML页面为例:

经常会用到js来获取元素的CSS样式,由于方法众多,在下面的文章中为大家详细整理下

在对网页进行调试的过程中,经常会用到js来获取元素的CSS样式,方法有很多很多,现在仅把我经常用的方法总结如下:

1. obj.style:这个方法只能JS只能获取写在html标签中的写在style属性中的值(style=”…”),而无法获取定义在<style type="text/css">里面的属性。

复制代码 代码如下:


<span style="font-family:Arial;"><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>JS获取CSS属性值</title>
<style type=”text/css”>
<!–
.ss{color:#cdcdcd;}
–>
</style>
</head>

<body>
<div id=”css88″ class=”ss” style=”width:200px; height:200px; background:#333333″>JS获取CSS属性值</div>
<script type=”text/javascript”>
alert(document.getElementById(“css88″).style.width);//200px
alert(document.getElementById(“css88″).style.color);//空白
</script>
</body>
</html> </span>


2. IE中使用的是obj.currentStyle方法,而FF是用的是getComputedStyle 方法

“DOM2级样式”增强了document.defaultView,提供了getComputedStyle()方法。这个方法接受两个参数:要取得计算样式的元素和一个伪元素字符串(例如“:after”)。如果不需要伪元素信息,第二个参数可以是null。getComputerStyle()方法返回一个CSSStyleDeclaration对象,其中包含当前元素的所有计算的样式。以下面的HTML页面为例:

 

  通州模板建站  定制家居   今日推荐免费建站   分类信息   南平网站建设公司

 

复制代码 代码如下:


<span style="font-family:Arial;"><!DOCTYPE html>
<html>
<head>
<title>计算元素样式</title>
<style>
#myDiv {
background-color:blue;
width:100px;
height:200px;
}
</style>
<body>
<div id ="myDiv" style="background-color:red; border:1px solid black"></div>
<script>
var myDiv = document.getElementById("myDiv");
var computedStyle = document.defaultView.getComputedStyle(myDiv, null);
alert(computedStyle.backgroundColor); //"red"
alert(computedStyle.width); //"100px"
alert(computedStyle.height); //"200px"
alert(computedStyle.border); //在某些浏览器中是“1px solid black”
</script>
</body>
</head>
</html></span>


边框属性可能也不会返回样式表中实际的border规则(Opera会返回,但其它浏览器不会)。存在这个差别的原因是不同浏览器解释综合属性的方式不同,因为设置这种属性实际上会涉及很多其他的属性。在设置border时,实际上是设置了四个边的边框宽度、颜色、样式属性。因此,即使computedStyle.border不会在所有浏览器中都返回值,但computedStyle.borderLeftWidth则会返回值。

需要注意的是,即使有些浏览器支持这种功能,但表示值的方式可能会有所区别。例如,Firefox和Safari会返回将所有颜色转换成RGB格式。因此,即使getComputedStyle()方法时,最好多在几种浏览器中测试一下。

IE不支持getComputedStyle()方法,但它有一种类似的概念。在IE中,每个具有style属性的元素还有一个currentStyle属性。这个属性是CSSStyleDeclaration的实例,包含当前元素全部计算后的样式。取得这些样式的方法差不多,如下:

复制代码 代码如下:


<span style="font-family:Arial;">var myDiv = document.getElementById("myDiv");
var computedStyle = myDiv.currentStyle;
alert(computedStyle.backgroundColor); //"red"
alert(computedStyle.width); //"100px"
alert(computedStyle.height); //"200px"
alert(computedStyle.border); //undefined</span>


与DOM版本的方式一样,IE也没有返回border样式,因为这是一个综合属性。

3. 我自己在写测试case过程中写的一个简单的函数(适用于Chrome):

复制代码 代码如下:


<span style="font-family:Arial;">function getCSS(div){
return document.defaultView.getComputedStyle(div, null);
//return div.currentStyle;//没用过,IE
}</span>


 

网站优化菜鸟常犯的错误分享

  截止到目前为止,接触SEO优化已经有很多年了,这几年的时间里自己一直很迷茫,从一开始不懂SEO到后来懂点SEO,并且根据自己多年的经验录制了最适合SEO新手的视频教程,说实话,一路走来很辛苦。原因只有一个,那就是自己摸索学习SEO实在很难,并且老犯错误。今天小编就来总结下SEO新手常犯的错误:

  1:随便选择网站目标关键词

  这是一个很严重的错误。很多的SEO新手总是不去分析网站的目标关键词就去做。或者直接在网站的首页去优化很多的目标关键词。这样做的后果很可能是由于首页优化的关键词数量过多而导致每一个关键词分到的权重很小,最后一个关键词也没有优化到首页。长时间优化不到首页这些SEO新手朋友们就会失去做SEO信心,从而放弃SEO。慕容肖乐建议SEO新手朋友去选择一些指数500以下的关键词,一般情况下这样的关键词比较好优化。按照我们教给你的方法,很快即可优化到百度的首页位置。

  2:想着做一个大型的网站

  有些刚开始做SEO的朋友,一开始就想着一定要做一个大型的网站,满心宏图壮志。这几乎是每一个SEO新手朋友的梦想,但是慕容肖乐奉劝你们,作为一名SEO新手而言,我们这个时候是要尽量的做一个单一类型的网站,我们现在是在学习SEO技术。等我们的SEO技术达到一定的程度之后我们再去做一些大型的网站也不晚。

  3:把网站装饰的很漂亮

  有些朋友们总是喜欢把自己的网站装饰很“炫”很个性。在网站首页加入大量的图片以及视频之类的模块。其实这样的操作也是不太好的。因为搜索引擎蜘蛛,对那些图片以及视频之类的识别能力不是很好。从而这样的网站一般很难做上来。

  4:多次修改网站title

  这里新手朋友在做SEO的时候,一定要把自己网站的目标关键词一次性选择好,切莫到后期去随便修改网站的标题。很多新手朋友总是喜欢把自己网站的关键词改来改去。我们都知道随便修改网站的关键词是做SEO的一大禁忌。我们一定要避免这样的操作。

  5:更新网站内容只注重数量

  这部分刚接触SEO的朋友,总是对SEO的理解很肤浅,或许这部分SEO新手朋友从网上看到网站的内容就是网站的“血和肉”这样的话语。其实说实话,这句话说的一点也不过份。高质量的网站内容确实能够给我们带来更多的流量。但是垃圾内容时不会产生任何效果的。SEO新手朋友们在更新网站内容的时候,我们一定要注重网站内容的质量,而不是去注重网站的数量。一篇好的文章顶的上数十篇垃圾文章。

  6:不懂得分析用户需求

  其实SEO并不是你想象的那么简单,但是也不是你想象的那么难。难就难在你不懂的分析我们目标客户的用户需求。简单就简单在我们懂得分析用户需求,并且针对需求去提供有价值的内容。所以一个网站的关键词迟迟做不上排名。在很大程度上往往不是一个关键词的竞争的问题,而是我们没有抓住用户的需求。我们都知道百度是为了给网民们提供有价值的信息而存在的,假设你的网站能够给用户带来价值,那么百度会不给予你网站排名吗?

  7:只重视目标关键词不考虑长尾词

  有这么一部分做SEO的朋友。总是喜欢去刻意的优化我们网站的目标关键词而不重视长尾关键词。个人觉得这个策略不怎么算怎么精明。如果让我去做的话,花同样的时间我宁愿去优化网站的长尾关键词我也不去优化网站的目标关键词。因为长尾关键词一般他们的竞争度非常小,并且长尾关键词在会比目标关键词给我们带来的流量更加精准。

  以上就是慕容肖乐总结SEO新手常犯的一些错误。

对话Discuz总裁陈亮

文/卢松松

这篇稿子写于中国互联网诞生20周年。

在中国互联网不长的发展史中,“站长”这个词必将载入史册,一是因为许多互联网大佬都曾经是站长,包括马化腾、丁磊等,二是因为站长这个群体足够庞 大,一台电脑、一根网线,以及discuz 等建站软件等普及,造就了一个站长时代的繁荣。在前不久的2014站长大会上(现更名为2014互联网创业者大会),我作为一名站长采访了另外一名站长, 这也是本文题目的由来。

大会前夕,我被Discuz! 市场总监张小湖安排了一个"任务",作为一名自媒体人和草根站长代表去采访Discuz总裁陈亮,这是我也第一次作为媒体人的身份采访总裁级别的人物。

作为一名常年写博客的站长,不像其他媒体人专职做采访那样如鱼得水,信手拈来。还好这次是群访,再加上Discuz对我的信任,我就本着“用心”的态度来对待这次访谈,这也导致这大会没参加好,心思全在琢磨“提问”这个环节上。

为了访出水平,谈出风格,我果断的上网查了查资料(智能手机关键时刻总能排上用场),并问了问Discuz同仁,正所谓知己知彼。

我总结了Discuz总裁陈亮资料概况:

1,Discuz二号人物,仅次于大c戴志康之后。

2,1997年做个人站长,创建了东北地区第一家高校的论坛系统,后与康盛CEO戴志康一起创办了东北地区首个社区论坛。

3,2004年与大c一起创办康盛公司(comsenz);

4,2013担任康盛总裁,带领团队主导Discuz/微社区的开发。

当时小湖给我的要求很简单:从一个站长的角度对Discuz CEO提问。

如果要是谈企业战略、产品运营与发展这种宏观层面,我还真不擅长,也不能代表草根站长。所以从陈亮的大致经历来看,我认为从97年开始做个人站长这段经历非常关键:只有入过行才会更懂行。

这是访谈刚刚开始的时候,左边的女生是站长之家主编王燕,右边是今日推荐网站长网总编辑杨杨。

陈亮的站长经历,让他更懂得站长的需要,懂得怎么帮助站长,也懂得带领Discuz/微社区与站长一起发展。与他的交流让我总结出关于站长的2个变化与2个不变:

变的是门槛。之前站长经历了技术门槛、产品门槛,Discuz的开源免费与应用中心在一定上解决了这个2个问题,现在站长面临的新的门槛是用户获取 成本过高的门槛与运营门槛。微社区对接微信公众号在一定程度上解决了用户获取路径,而如何更好的获取用户、留住用户,则考察站长的运营能力。

不变的定位和服务用户的能力。不论是pc时代还是移动时代,站长的定位都要小而美,只有这样,才能在自己的独家领域做的足够专业,足够出色,避免大公司的竞争,服务好本地的、细分领域的用户构成站长的独有竞争力。

另外,我综合了其它记者的提问,总结陈亮的观点如下:

陈亮:我们和站长的关系类似鱼和水,共生共存。如果说站长们是淘金的创业者,那我们就是为淘金者提供斧头等工具、或是送水的人。只要我们服务好站长,站长发达起来,我们才能发达起来。因此,多少年来我们一直坚持的理念就是服务好站长,让他们服务好自己的用户,这样整个站长生态才能发达起来。

陈亮:我认为站长的生态会持续存在,Discuz!2010年进入腾讯之后,我带领康盛团队一直保持着一种创业的心态,我们不断探索如何带领站长创业者转型移动互联网。网上有一种声音说站长群体不行了,我个人不认同这种观点,我认为站长们的生态还持续存在,一些传统站长在转型,一些新锐站长在崛起。

首先是用户的需求在增长,而站长都是服务于这些用户需求的,为什么说用户需求在增长呢,就是因为我们的生活水平在不断地提高,对于一些原来大家关注 不到的垂直的领域,大家会越来越有时间去关注到。所以用户的需求在增长,而我们站长有能力去满足这些用户需求,他会把这些用户需求服务的很好,所以我觉得 站长这个生态还是在蓬勃发展。

只是到了移动时代,可能他们需要重新适应一下新的终端的形式,我们微社区就是帮助广大站长适应这个形势,适应他们更好的发展这么一个产品。

微社区的核心价值:把UGC的模式搬到了公共帐号里

陈亮:微社区解决了推广客户端的问题,以一个网站为例,5%是忠实用户,15%是比较忠实的用户,忠实用户是天 天泡在你的论坛或网站上,后者则是偶然会来一次,但他已经记住你的网址,还有剩下的80%用户是搜查引擎过来的,不是你的忠实用户,看一眼就跑了,很少会 回来。如此,已注定了5%用户+15%用户中的一局部会安装客户端。所以微社区要解决的问题是让那80%的用户更容易的关注到你。

给站长的建议:定位小而美的站,如果说,PC互联网时代的优秀站长们是从千军万马的厮杀中闯出属于自己的一片天,那么,面临移动互联网时代的变革,他们心中多稀有些慌乱,思前顾后在所难免。

成本问题?技术问题?在陈亮看来,转移到移动端,大局部中小网站站长们斟酌更多的是现实问题。亦即,大家一直在喊转型到移动互联网,但实际上因主要收入可能在PC互联网上,因此转移到移动端的口号比较嘹亮,但实际动作都不大。

”陈亮呼吁道。

写在最后:

从这次访谈中可以看出:康盛把宝压在了“微社区”上面,而且无论是从陈亮口中还是康盛的实际行动来看,他们都在全力做好这款产品。这对站长来说是好事,但凡公司重点项目,总会成就一批人。

对个人来说借助公司之力能更快、更好的推广自己的网站,对公司来说,打造一批明星用户是我们成功的关键。

回望过去 展望将来 网络营销是什么

  网络营销这个词汇其实包含的东西实在是非常多,笔者并非什么学者,也不愿意为了一个概念而绞尽脑汁说出一大轮干涩难懂的词藻,然后去定义一个原本可以很简单就能解释清楚的东西。所以笔者对于网络营销的定义就是,通过使用网络实现赚钱的营销方法!

  网络营销=电子商务?

  电子商务在笔者一贯的认知里,最起码的功能是要实现电子支付,不过这只是笔者个人的看法而已。

  实际上,电子商务的通俗定义是指“在全球各地广泛的商业贸易活动中,在因特网开放的网络环境下,基于浏览器/服务器应用方式,买卖双方不谋面地进行各种商贸活动,实现消费者的网上购物、商户之间的网上交易和在线电子支付以及各种商务活动、交易活动、金融活动和相关的综合服务活动的一种新型的商业运营模式。”

  因此,笔者认为,网络营销≠电子商务。因为网络营销有可能仅仅只是依靠网络某些功能吸引目标消费者而已,譬如说,笔者在很早以前就在BBS上买卖东西,使用的是线下的见面交易,难道这就是电子商务吗?

  所以,笔者始终觉得网络营销归根结底,其实还是市场营销的一部分,是传统营销方式的拓展,在网络平台能够实现更廉价、更具针对性的营销功能,譬如SEO就是一个很好的网络营销方式。

  DM和SEO

  DM是什么?其实可以变化多端,但我们日常生活中必然经常遇到,譬如麦当劳的优惠券、超市每个月的促销杂志、还有楼书、传单……都可以归集到DM的范围以内。

  一、烧钱的DM杂志

  笔者的第一份工作,就是负责网站资讯更新的同时,还负责一本名叫《iLife》(爱生活)的DM杂志的某栏目内容撰写,说实在,那本杂志在那个年代还算做得挺不错的,因为它模仿了当时一本叫做《外国人看广州》的杂志模式。里面介绍广州各种吃喝玩乐的资讯内容,而且直投到当时不少著名写字楼,也派人进行当街的派发。杂志每期发行2万册,页面大概也有几十页,虽然不是使用铜版纸,但都是采用彩页印刷方式。由于没有刊号的缘故,这本杂志只能作为会员杂志的方式来发行。每本杂志最后一页都会有一个订阅表格,只要填写相关信息,那么就可以陆续免费获得杂志。当时笔者就纳闷,这些杂志制作一点都不含糊,尽管公司有编辑专门负责,但还有许多兼职写手也帮忙撰写文章,再加上彩页印刷方式以及派送杂志等的费用,每期成本其实一点都不低,那这些费用是从哪里填补?毕竟网站每个月都在烧钱,公司难道还有其余的资金花在线下的DM杂志上吗?那时候杂志主编阿旦向笔者解释到,其实这本杂志是能持平费用,因为看到最初的发行效果后,已经有商家开始做广告了,所以那时候就必须解决刊号问题,那样才能名正言顺地转型为正规杂志收广告费。

  那时候,刊号不是你有钱就可以随便买到,所以这本DM杂志发行了7、8期后,最终还是做不下去,因为实在是太烧钱了。但有一点必须表明,只要杂志上介绍的商家,当月的销量必然非常火爆。

  以上案例,说明了DM杂志是一种很花钱的营销方式,尽管效果非常不错。

  二、海量邮寄的DM小册子

  这是笔者的第二份工作,是在一家汽车咨询公司里面负责文案之类的工作,平时也就撰写一下商业文案,还有负责编撰公司那本汽车营销7+1教程。

  为了让更多的目标商家能知道我们有这套商品,公司采用了邮寄DM小册子的方式,主动出击寻找客户。这种方法的确为公司带来不少的订单,但由于信任度的关系,绝大部分的订单是购买最便宜的那本教程,这是因为客户还不了解你的产品,不可能一下就花数千元购买你那套教程,但他们的确又有培训员工的需求,所以他们会先行购买最便宜的教程,然后看看里面的内容是否值得去学习,才考虑全套教程。

  其实那些4S店以及汽车生产厂家对几千元的投入根本毫不在意,只要你的东西是OK的话,那么要这些人付款是很爽快的事情。当然,卖教程只是开始,最重要的还是把那位龙姓培训师的名头给打响,以汽车营销专家的身份去给这些目标客户讲课。

  由于DM小册子本身是海量邮寄,所以每个月花费的成本一点都不低,一个DM团队所营收的利润和那位龙姓培训师赚取的利润差不多时,那就说明这种邮寄DM小册子的方式还是需要解决成本费用问题。

  三、成本最低的DM传单

  这是笔者第三份工作,是在校园里卖化妆品的,每次需要在不同的大学里面做促销活动时,笔者必然会跑到印刷厂,把设计好的Coreldraw文件给对方,然后出小样,批量印刷什么的都控制在很便宜的价格内解决问题,面对只要推一下就可以热销的学校,采用完全黑白的单色印刷,如果是那些不太容易被推动的学校,则采用双色印刷,然后用非常醒目的红色突出促销产品的价格,也获得了不错的效果。

  由于成本被大大压缩的缘故,每次做完促销活动,扣除各种成本费用后,基本都可以实现为公司有所积累,有时候甚至还有不错的收益。

  从以上三种DM传播方式来看,都是很不错的主动营销,只是成本问题导致结果完全不同,所以这也就是传统营销的弊端,广告界有句老话叫做“我知道自己的广告有一半被浪费,但我不清楚是哪一半?”

  四、被客户主动寻觅的SEO营销

  网络平台的出现,促使越来越多的商家们考虑如何利用网络营销来压缩自己的营销成本,其中SEO就是一个非常不错的营销方式,因为它是被客户主动寻觅的营销方式。

  1、一个好的SEO团队不仅能帮助企业构建出一个品牌网站,而且还可以提高企业知名度并且获得大量的目标客户。相对于传统营销需要招聘大量业务员,大海捞针地寻觅客户,在时间上已经赢得先机。

  2、由于SEO是被动式营销手法,是客户主动上门寻觅的,所以能为企业带来非常优质的目标客户,如淘K网客户都是非常不错的优质客户,只要把这群潜在消费人群服务好、照顾好,让他们成为不断回头的老顾客时,那么企业的生存发展自然就有足够的保障。

  3、通过对被SEO吸引而来的这群优质客户进行详尽的分析,我们可以获知很多宝贵的信息,譬如说客户的真实需求是什么?哪些产品深受客户的欢迎?是什么原因导致某些顾客成为回头客,某些顾客一去不回头?哪些顾客是最有价值的客户?售后服务还存在什么问题等等。

  4、进行客户分析的目的,其实还是为了进行主动营销。不管是线上的各种微博、微信、论坛之类的推广活动,还是线下的渠道开拓,目的都是为了把沉睡客户的需求给打开。毕竟,我们要清楚一个道理,就是主动购买产品的人毕竟是少数,绝对大部分的人是没有意识到自己的潜在需求,所以才需要被我们一一唤醒。

  对SEO行业展望将来

  SEO是一种非常好的网络营销方式,目前随着百度绿萝算法以及石榴算法的出台后,对于原创力度的扶持日益明显,尽管一时间采集或者伪原创等方式是杜绝不了,但相信只要假以时日,互联网的目前杂乱无章的状况将会得以改善,对于那些勤勤勉勉自我发展,以消费者需求为考虑对象的企业,SEO必然能成为他们一个强而有力的营销工具。

  笔者期望,随着SEO营销的不断完善,越来越多的企业网站会更注重用户体验,全心全意去做一些客户喜欢的内容,而这些内容被更多的消费者所接受,从而成为网站的忠实客户。笔者相信,这么一个颇为理想的网络世界,必然不会离我们太遥远。

域名注册商请落实您的责任

  有点忙,几天没管理自己的网站,今天打开一看终于给了我一个惊喜,不是流量彪升而是终于有人在我网站上挂马了,想看看是那那个**干的,查询一下对方的Whois,我纳闷了(也许是我没见识吧)世界真有叫张三的人啊~电话还有八个0的号码~我怎么不知道中国还有一个叫重庆北京(他还没拼对 chong qin)的地方!!我相信大家看到这份注册资料的时候,肯定会说:傻瓜都知道这注册资料都是假的.傻瓜都知道的东西为什么域名服务商不知道?难道他们没有责任吗?再百度一下发现**恶意网站.......既然这个网站造成危害这么大,我就不相信每人投诉为什么没有被停止使用....

   如果域名注册商没有履行好自己的义务,那么最大受害着是我们的用户,这样我们的用户可能会永远的离开我们的网站,我相信任何一个站长都不希望自己的用户蒙受损失,那怕我们没有赚用户一毛钱我们也要对我们的用户付责任.结果是我们对着一份虚假的资料还不知道去找谁.电脑报也会经常提示用户一些恶意网站,建议电脑报也不要把那些恶意网站张榜挂出来了,发挥媒体的力量提醒相关部门关闭这样的恶意网站网站是关键,毕竟在没产生大范围的危害前终止它比产生危害后去清除它对网民的危害会轻许多.

  今天在提倡域名大众化,米是卖出去了,但是您的服务、责任在那里?文笔差,但是写的全是我的心里话,希望有同感的朋友多顶一下文章,让更多的朋友看见,引起注册商的重视!

以下是一些图片资料及连接

 

 

 

http://tongzhou.kvov.com.cn/jzxx33626.html