HTML编码字符集charset定义的位置问题和编码冲突的解决方案

无意中发现一个问题,大部分网页的charset定义被放置在<title>标签之前。但是一部分网页的charset放在<title>标签之后。

这样的话,浏览器怎么知道<title>内容charset的编码呢?

所以,我之前写的一部分页面,如果<body&gt[……]

继续阅读

使用javascript产生无限循环document.location跳转的browser响应分析

我对javascript的windows对象十分熟悉,常用的document对象在处理页面url跳转和使用DOM技术操作页面元素(文档对象模型)时会使用到。该对象常用的有关域名或URL的属性或方法如下:

document.location 这个对象包含了当前URL的信息 
location.host 获取p[......]

继续阅读

不同编程语言中注释写法的异同

要是问我平时用的最多的代码语句是什么,除了a、div、p这些基本标签,一定是注释语句。只是不同语言注释代码略有不同,如果混淆不清就会影响程序功能了。

1.HTML语言,我经常在调试某段代码功能时使用。

<!-- 注释代码 -->

2.JavaScript语言,分为单行注释和多行注释。

/[......]

继续阅读

想到一个通过javascript展现网页内容的方法,便于更新维护,提升加载速度

这个代码完全我自己写的,可以在很多网页显示设定的内容,内容更新时仅需更新js脚本的内容,不需要php、aspz或者jsp这些动态网页,大大节约服务器CPU资源占用。

js脚本代码使用document.write(),以下是脚本内容,我将其命名为n96t.js。

document.write("<a[......]

继续阅读

使用js实现的酷酷的代码界面-HackerTyper源码

我习惯把这个叫做HT,首先用到了jQuery JavaScript Library v1.5.2,文件名是jquery.min.js,83.92KB(我将其放在了这个链接:http://yunef.com/tools/ht/jquery.min.js)。

然后需要写一个script.js,内容如下,已经过普通压缩,要研究的自行排版。

$(function(){$(document).keydown(function(event){Typer.addText(event);})});var Typer={text:null,accessCountimer:null,index:0,speed:2,file:"",accessCount:0,deniedCount:0,init:function(){accessCountimer=setInterval(function(){Typer.updLstChr()},500);$.get(Typer.file,function(data){Typer.text=data;})},content:function(){return $("#console").html();},write:function(str){$("#console").append(str);return false},makeAccess:function(){Typer.hidepop();Typer.accessCount=0;var ddiv=$("<div id='gran'>").html("");ddiv.addClass("accessGranted");ddiv.html("<h1>ACCESS GRANTED</h1>");$(document.body).prepend(ddiv);return false},makeDenied:function(){Typer.hidepop();Typer.deniedCount=0;var ddiv=$("<div id='deni'>").html("");ddiv.addClass("accessDenied");ddiv.html("<h1>ACCESS DENIED</h1>");$(document.body).prepend(ddiv);return false},hidepop:function(){$("#deni").remove();$("#gran").remove()},addText:function(key){if(key.keyCode==18){Typer.accessCount++;if(Typer.accessCount>=3){Typer.makeAccess();}}else if(key.keyCode==20){Typer.deniedCount++;if(Typer.deniedCount>=3){Typer.makeDenied();}}else if(key.keyCode==27){Typer.hidepop();}else if(Typer.text){var cont=Typer.content();if(cont.substring(cont.length-1,cont.length)=="|")$("#console").html($("#console").html().substring(0,cont.length-1));if(key.keyCode!=8){Typer.index+=Typer.speed;}else{if(Typer.index>0)Typer.index-=Typer.speed;}var text=$("<div/>").text(Typer.text.substring(0,Typer.index)).html();var rtn=new RegExp("\n","g");var rts=new RegExp("\\s","g");var rtt=new RegExp("\\t","g");$("#console").html(text.replace(rtn,"<br/>").replace(rtt," ").replace(rts," "));window.scrollBy(0,50);}if(key.preventDefault&&key.keyCode!=122){key.preventDefault()};if(key.keyCode!=122){key.returnValue=false}},updLstChr:function(){var cont=this.content();if(cont.substring(cont.length-1,cont.length)=="|")$("#console").html($("#console").html().substring(0,cont.length-1));else this.write("|");}}

然后需要一个txt文本文件,内容是你要显示的代码界面内容。可以是任何编程语言,或者只有你自己看得懂的英文字母随机组合。我将其命名为 gyv.txt。

这是style.css。内容如下:

@charset "gb2312";body{background:#000000;color:#00FF00;font-family:monospace;}.accessGranted{position:absolute;top:200px;background:#333;padding:20px;border:1px solid #999;width:300px;left:50%;margin-left:-150px;text-align:center;}.accessDenied{position:absolute;top:200px;color:#F00;background:#511;padding:20px;border:1px solid #F00;width:300px;left:50%;margin-left:-150px;text-align:center;}

最后就是 index.html,要把上述的文件引用过来,如果按照我上面的文件名,就已经引用好了。

<!DOCTYPE html>
<html lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 <link href="style.css" rel="stylesheet" type="text/css">
 <script src="jquery.min.js" type="text/javascript"></script><style type="text/css"></style>
 <script src="script.js" type="text/javascript"></script>
 <script type="text/javascript">
 Typer.speed = 8;//按下一个按键出现多少个字符
 Typer.file = 'gyv.txt';//读取的文件
 Typer.init();
 </script>
<title>HT</title></head>
<body>
 <div id="console"></div>
</body>
</html>

[……]

继续阅读

用javascript的DOM对象的一个简单的评论管理示例

刚刚学了javascript的DOM技术,比较信任Document Object Model,也就是文档对象模型。

好不容易写了评论管理一个页面,赶紧打开浏览器测试。

结果发表和删除评论按钮没有用。可能是本地测试的问题,放到服务器里去,也是一样。

然后我赶紧改了下,其实也就是一些细节,终于实现[……]

继续阅读

常用的3个页面跳转代码

下面三个都是我经常用的。

  • 1.首先是javascript的版本,这个页面跳转速度还是不错的,不过具体应该看浏览器。有人说这个搜索引擎难以收录,不过根据我的使用经验,百度是收录这个链接并配以跳转后的页面标题和简介。收录情况具体怎样看百度自己怎么说吧。

<script type=”text/j[……]

继续阅读