本文目录一览:
- 1、用js清除网页内内容
- 2、网页做好了,但里面有很多无用的js,css代码 如何清理?
- 3、JS如何清除IE浏览器缓存
- 4、怎么写个小程序删除js文件或css文件中的无用代码
- 5、网站代码优化是怎么操作的,内容越细致越好
- 6、用js代码清空表单数据
用js清除网页内内容
1、新建一个html页面,命名为test.html。
2、在test.html页面内,使用p标签创建三行文字。
3、在p标签的下面,创建一个button按钮,按钮名称为“清除网页内容”。
4、给button按钮绑定onclick点击事件,当按钮被点击时,执行delAll()函数。
5、在test.html页面内,使用function创建delAll函数。
6、在delAll函数内,获得当前页面body对象,使用innerHTML属性赋值为空的方法清除网页内容。
7、在浏览器中打开test.html页面,点击“清除网页内容”按钮,网页显示空白,内容被清除。
网页做好了,但里面有很多无用的js,css代码 如何清理?
没有,良好的编程习惯才是最好的,不用的代码要立即清除,对于代码较多的网页要用注释,区分公共样式代码和非公共样式代码并做好分开放置
JS如何清除IE浏览器缓存
js中自动清除ie缓存方法 — 常用
对于动态文件,比如 index.asp?id=... 或者 index.aspx?id=... 相信有经验的程序员都知道怎样禁止浏览器缓存数据了.
但是对于静态文件(css,jpg,gif等等), 在什么场合下面我们需要禁止浏览器缓存他们,怎么做?
方法一: Dojo中我们可以用简单的方法完成:在dojo.xhrGet(包括post)等方法中都包含preventCache属性,此属性的含义: “默认为启用浏览器缓存,否则将通过自动增加不同的参数来确保浏览器缓存失效” 我们只要把此属性赋值为:“true”即可。
方法二: document.write("
其中 ver=113 的 113就是版本号,一般都是采用 CVS 或其他工具生成的开发版本号。
这样真正做到了应该缓存的时候缓存静态文件,当版本有更新的时候从获取最新的版本,并更新缓存。
对于图像 来有效利用和更新缓存.
js清除浏览器缓存 二
为了减小浏览器与服务器之间网络传输压力,往往对静态文件,如js,css,修饰的图片做cache,也就是给这些文件的HTTP响应头加入 Expires和Cache-Control参数,并指定缓存时间,这样一定时间内浏览器就不会给服务器发出任何的HTTP请求(除了强制刷新),即使在 这段时间内服务器的js或css或图片文件已经更新多次,但浏览器的数据依然是原来最能初cache的旧数据,有没有办法让浏览器拿到已经修改后的最新数 据呢?
有,方法是用ajax请求服务器最新文件,并加上请求头If-Modified-Since和Cache-Control,如下:
[url=] 复制代码 [/url]代码如下:
$.ajax({
type: "GET",
url: "static/cache.js",
dataType: "text",
beforeSend :function(xmlHttp){
xmlHttp.setRequestHeader("If-Modified-Since","0");
xmlHttp.setRequestHeader("Cache-Control","no-cache");
}
});
这里用了jquery.
这样浏览器就会把最新的文件替换掉本地旧文件。
当然,这里还一个问题就是js必须知道服务器更新了那个js、css、图片,利用cookie和时间版本应该可以解决.
jquery自从1.2开始就有ifModified和cache参数了,不用自己加header
ifModified Boolean Default: false
Allow the request to be successful only if the response has changed since the last request. This is done by checking the Last-Modified header. Default value is false, ignoring the header.
cache Boolean Default: true
Added in jQuery 1.2, if set to false it will force the pages that you request to not be cached by the browser.
[url=] 复制代码 [/url]代码如下:
$.ajax({
type: "GET",
url: "static/cache.js",
dataType: "text",
cache:false,
ifModified :true
});
怎么写个小程序删除js文件或css文件中的无用代码
这个是世界级的难题,至今无法处理。
只能通过手工去掉调用文件、代码,视觉对比是否有异常,然后再考虑删除。
网站代码优化是怎么操作的,内容越细致越好
简单而言,网页的代码优化,就是代码精简和标签优化的结合体。
虽然搜索引擎力争和来访用户行为一致,但它毕竟是机器程序,访问页面的时候针对的是网页的源代码。为更好地进行搜索引擎优化及更好地支持蜘蛛的抓取和爬行,需要对网页代码进行精简、优化以及对网页代码中的标签进行适当的优化。
第一、代码精简
代码精简是指清除或者简化页面中的代码,达到降低页面体积,提高页面加载速度,从而提升用户体验,提高搜索引擎友好度的目的。
不论一般的CMS系统,还是自己研发的网站程序,代码精简都非常必要。因为现在的程序开发往往都力争“无所不包”,恨不得在一个脚本系统中加入所有的功能,而对网站、用户、搜索引擎而言,这些功能可能并不需要,所以需要进行适当的精简。页面代码的精简通常可以分为以下几个方面:
1、垃圾代码清理;
2、HTML标签转换;
3、CSS优化;
4、JS优化;
下面简单介绍上述各方面的典型例子。
一、“垃圾代码清理”:将页面中无用的代码删除之后,页面不会有任何影响。
1、常见的垃圾
代码一般包括各种网页制作软件在制作网页时默认生成的无用代码,比如无意义的空格、默认属性、注释语句和空语句等。
“HTML标签转换”:从代码精简的角度考虑,将原本的长标签替换成拥有同样功能、搜索引擎认为作用一致的短标签,比如“strong”和“b”的作用都是加粗,但是“strong”比“b”多5个字符。如果网页上有很多个加粗的标签,明显用“b”替换“strong”可以起到代码精简的作用。
“CSS优化”:CSS是cascadingstylesheet的缩写,即层叠样式表。它是目前最常用的控制页面布局、字体、颜色、背景的技术。CSS优化主要是改变CSS的调用方式、采用DIV+CSS的方式进行页面制作,以防止垃圾代码的产生,减少重复代码。
“JS优化”:所谓JS,就是&#106avascript的简称。在搜索引擎眼中,到目前为止仍然不解析JS生成的页面或者内容,也就是说JS对搜索引擎来说是不友好的,如果将内容放置到JS中,是无法被搜索引擎抓取的。JS优化主要是为了避免JS代码占用页面空间及重要位置,以及放置一些不希望搜索引擎看到的内容。
上面是一些典型的代码精简的例子,考虑到技术门槛,并未做过多地深入讲解。就目前来看,主流的CMS系统往往都需要进行代码的精简,根据不同情况,搜索引擎优化者应该进行适当的学习和调整。
2.title标签优化
title标签页称为标题标签,它和keywords、description标签一起构成网页的头部三大标签。
标题标签内容是对网页主题的概括,相当于一篇文章的题目。一般情况下,打开一个网站,在任意页面选择“查看源文件”,都可以看到页面中的title标签,而这个标签中的内容,,对用户来说,就显示在浏览器的顶部。
在整个站内搜索引擎优化技术当中,标题标签是最重要的,它对页面内容产生决定性影响,绝大多数搜索引擎都会提取网页标题中的内容作为搜索结果展现给用户。
在标题标签优化中,需要注意以下几个细节:
a、“唯一的标题”:在单网页优化中,所有网页都应该有适合自己的独特的标题。很多网站因为脚本程序的默认设置,或者是内容建设者的马虎,往往会造成网页内容不同,而标题相同的情况,这在搜索引擎优化中是应该杜绝的。
b、“标题长度”:为符合搜索引擎展示网页的需求,~般要求标题长度在25~30个字之间较为合适。如果太短,无法很清楚地表达出页面的内容;如果太长,则搜索引擎返回的查询结果中就无法完全显示。
c、“关键词分布”:在网页的标题中,尽量出现针对这个网页内容主题的关键字、关键词,但是需要自然,要符合用户阅读习惯,同时不要生硬地进行关键词堆砌。
d、“标题吸引力”:上一篇《这样优化标题,更吸引人》讲过,一个好的标题,应该对用户产生足够的吸引力,以方便网站在搜索结果中展现的时候,吸引更多用户进行点击。如果标题没有足够的吸引力,排名再好也不会让用户感兴趣,获得的流量自然也不会多。
e、“标题构成”:对单网页来说,一般情况下,标题顺序应该是“本页内容主题’’+“栏目名”+“网站名(品牌)”,这种标题构成格式是最常见,也是最符合用户习惯和搜索引擎喜好的标题构成方式。
3.keywords标签优化
keywords标签也就是网页的关键字标签,主要作用是告诉搜索引擎,此页面的主要内容要点、关键词。
对单网页来说,keywords标签应该按照关键词的重要性顺序,有针对性地罗列几个真实的关键词。也就是说,这里罗列的关键词应该是整个网页的主要内容凝练,不应该伪造或者堆砌关键词。
4.description标签优化
description标签也就是描述标签,主要是对当前网页内容的概括,是相对简单的页面介绍。
和keywords标签一样,因为早期很多人利用description标签堆砌关键词,从而达到作弊的目的,所以现在的一些搜索引擎已经表示减弱或者完全不将description标签作为排名算法因素。
不过,同keywords标签不同的是,很多搜索引擎会将description标签的内容,作为搜索结果展现中的描述,呈现给用户,所以从提高用户体验、吸引眼球的角度而言,description标签应该进行有针对性的优化:
a、description标签长度:在Google中,它有时会截取描述标签中的112个中文字符长度的内容,作为搜索结果中的描述,所以一般情况下,描述标签不应该太长、太短,以80~110个中文字符长度为宜:
b、关键词分布与组合:在description标签中,应该恰当地出现关键词,并且在自然、通顺、归纳网页内容的前提下,尽量进行关键词组合,以利于搜索引擎挖掘更多的长尾关键词。
5.h标签优化
对单网页来说,头部三大标签优化完成之后,整个网页的代码优化就大致完成一半,其余一些重要的权重标签优化占到另外的一半,比如h、b等。
h标签是所有权重标签中最重要的标签,它一共有6种样式,即h1~h6,这些标签在影响页面相关性方面逐级递减。
在实际的页面优化中,优化者应该将页面中最重要的内容,加上hl标签,比如单网页内容区域中的标题;将网页中的主要段落标题、二级分类加上h2标签。
需要注意的是,对内容单网页来说,不建议采用过多的h标签进行标记。通常情况下,hl出现1次,h2出现3、4次就足够了。h3可能偶尔出现在分类较细的网站首页,但是h4以后的h标签一般就没有运用的必要。
6.其他标签优化
除上述讲解的几个常用标签以外,还有一些其他的标签,也可以适当地进行优化,比如:
a、font标签:用于字体属性的定义。
b、b标签:粗体属性定义。,
c、i标签:斜体属性定义。
d、u标签:下划线属性定义。
这些标签有各自的作用,在“自然”的前提下,可以适当的使用,以便让网页更有层次感,更能突出页面内容重要性分级——但是这些标签一定不要在每一个单网页中都频繁出现,或者在任何一个标签中都加入几个关键词,这样的优化会造成关键词堆砌或者优化过度,往往适得其反。
第二、URL优化
URL优化是指通过对URL各组成部分进行适当的调整,以提高URL的搜索引擎友好度,提高用户的记忆、理解、输入的方便性.进而提高用户体验。
URL优化包括三大部分内容:
1.对域名、目录、文件的命名
好的URL命名方式,应该能让用户通过URL即可很清楚地明白自己身处的网站位置。
2.URL中分隔符的使用
在URL中,很多看起来都是起分隔作用的符号其实意义是不一样的,比如斜杠“/”是约定俗成的分隔符,用于URL中目录之间或者目录与文件名之间的分隔,而不能作为文件名中两个词语的分隔。
通常情况下,在CMS系统中的URL分隔符都有比较好的定义规范,不建议搜索引擎优化人员进行分隔符的修改。
3.URL长度和关键词控制
URL长度为用户体验考虑,当然是越短越有意义、越容易记忆越好,但是在搜索引擎优化中,在URL中适当地包含关键词是非常好的一种优化细节,通过关键词的包含,用户、搜索引擎都可以很方便地了解其含义。
这三部分之间相互制约、相互影响,最好的优化结果就是充分协调上述三个部分。
第三、关键词布局与密度
在任何一个单网页中,关键词的布局和密度都是比较重要的。换句话说,如果关键词布局设计得好,密度控制比较自然,那这个页面的优化相对而言就比较成功。
1.关键词密度
关键词密度每个搜索引擎的标准都不一样,有的控制很严,一般需要控制在2%~8%之内:有的根本不在乎,单页面的关键词密度30%也不会影响到排名。要检查某个网页的关键词密度,可以采用站长站上的关键词密度检测工具。
通常情况下,对搜索引擎优化者而言,推荐的关键词密度仍然是2%~8%,但是这并不是重点,重点是关键词出现的布局和网页内容的自然。
2.关键词布局
关键词的布局是优化细节中比较重要的一个部分,好的关键词布局,应该在网页标题、正文第一段、正文末尾、URL和链接等位置合理地出现关键词。
但是,如果搜索引擎优化者死记硬背这一点,在所有的地方都试图加入关键词的话,往往就意味着优化过度。切记以自然为主,不用刻意进行关键词堆砌。
第四、导入与导出链接
对单网页来说,导入链接决定这个网页的权重,导出链接决定这个网页给其他网页传递的权重。
在单网页优化当中,导入链接可以包含站内的导入连接和站外的导入链接两部分;导出链接也同样分为导出到站内的链接和导出到站外的链接两部分。
对单网页的导入与导出链接而言,应该尽量遵循以下的原则:
a、单网页的站内导入链接应该尽量多:也就是尽量在网站的内容链接中,形成更多指向网页的链接。
b、单网页的站外导入链接应该尽量多:尽量在其他网站上,建设指向此单网页的外部导入链接。
c、单网页的导出链接必须要有相关性:不管是单网页的站内导出链接还是站外导出链接,都应该有密切的内容相关性。只有有相关性的导出链接,才能为用户提供更好的用户体验,也才能更利于搜索引擎的排名。
对搜索引擎优化新手而言,导入/导出链接的建设相对单网页的其他优化细节而言更不容易理解,其实记住以下这句话不但可以很好地判断如何建设导入、导出链接,还能判断其他的优化细节是否必要。
提醒:搜索引擎优化者应该站在普通网站访问者的角度来审视网站,如果自己感觉需要的功能,则SEO就应该增加、扩展;如果自己都感觉不需要、不舒服、没意义的功能,则SEO应该修改、删除。
用js代码清空表单数据
两种方式:
一、使用reset类型的按钮
二、使用reset方法
form name="form1"
input type="reset" value="重置"/
input type="button" value="清除" onclick="form1.reset()"/
input type="text" name="text1"/
input type="text" name="text2"/
/form