易栈网-膘叔（Neatstudio.COM）

易栈网-膘叔

js的几个简单互换(ord and chr)

JS的几个简单互换[处理URL]

非得这么残忍吗？

jQuery Alert and YmPrompt

JS:截取文章一部分显示(无损html)

js的几个简单互换(ord and chr)

JS的几个简单互换[处理URL]

非得这么残忍吗？

jQuery Alert and YmPrompt

JS:截取文章一部分显示(无损html)

日志分类

热门标签

日志归档

搜索文章

最新评论

博客信息

友情链接

浏览模式: 标准 | 列表分类:Javascript

Submitted by gouki on 2010, May 26, 10:09 AM

在PHP中可以直接对字符串进行比较，比如

PHP代码

$a = 'A';
$b = 'B';
var_dump( $a > $b);

当然，在JS中也可以

JavaScript代码

var s = 'A';
var t = 'B';
alert( s < t);

为什么可以比大小呢？那是因为，他们是直接转成ascii值来进行比较的，PHP中是 ord($a) 转成了65，B就是66了，所以$a>$b是返回false

PHP有两个函数用来互换，一个是ord，一个是chr，那么js中怎么办呢？也有，一个是charCodeAt()，一个是fromCharCode();看例子吧。。。

PHP代码

<?php
$a = 'A';
echo ord($a);
echo chr( ord($a) );

JavaScript代码

var s= 'A';
alert( s.charCodeAt() );
//var t = s.charCodeAt();
alert( String.fromCharCode( s.charCodeAt() ) );

js中对于fromCharCode和php不太一样了。

Tags: ord, chr, php

Javascript | 评论:0 | 阅读:36180

Submitted by gouki on 2010, May 21, 5:32 PM

js没有parse_str这个函数，因此，对于querystring就要自己写了。
还好，在location这个对象里，对于querystring都是包含着的。于是乎就有了下面两个处理方式，很简单，没有做任何转换。。。只是演示而己

XML/HTML代码

var param1 = 'name=123&psw=321&sex=男';
var param2 = {name: '123',psw: '321', sex: '男'};

从param1转为param2

JavaScript代码

var param1 = 'name=123&psw=321&sex=男';
var s = param1.split("&");
var param2 = {};
for(var i=0;i<s.length;i++){
var d=s[i].split("=");
eval("param2."+d[0]+" = '"+d[1]+"';");
}
//可以用for循环打印 param2
for(i in param2){
alert(i+' -- '+param2[i]);
}

从param2转为param1

JavaScript代码

var arr = [];
for(i in param2){
arr.push( i + "=" + param2[i]); //根据需要这里可以考虑escape之类的操作
}
alert(arr.join("&"))

当然应该有更好的办法，我这里只是简单处理一下

Tags: parse_str

Javascript | 评论:0 | 阅读:19855

Submitted by gouki on 2010, May 20, 11:55 AM

司徒正美在看到老赵的博客鄙视IE6用户时，不甘寂寞，放出了一段残忍的代码，可以对IE6、7进行封杀处理。。

代码如下：

XML/HTML代码

<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<meta content="IE=8" http-equiv="X-UA-Compatible"/>
<meta name="keywords" content="IE6与IE7封杀器 by 司徒正美" />
<meta name="description" content="IE6与IE7封杀器 by 司徒正美" />
<script type="text/javascript">
//使用setAttribute也行，值好像是固定，为1（读作"日"，日得好！）
document.createElement("li").value = 1;
</script>
<title>IE6与IE7封杀器 by 司徒正美</title>
</head>
<body>
<h1>杀！杀！杀！</h1>
<h2>不行请刷新页面（这是运行框的问题）</h2>
</body>
</html>

还有一段是可以关闭当前窗口的：

XML/HTML代码

window.opener=null;window.open('','_self');window.close();

我的博客不能执行代码，如果你想测试，你可以到http://www.cnblogs.com/rubylouvre/archive/2010/05/18/1738370.html进行享受。

Tags: ie6, ie7, firefox, chrome

Javascript | 评论:0 | 阅读:17716

Submitted by gouki on 2010, May 10, 9:21 AM

不知道从什么时候起，网页上那烦人的alert,prompt,confirm框都成了很多人讨厌的对象，因为他的样式太丑了。ExtJS中的alert就是适合他自己的样式的弹出，可是其他不是框架的代码中要有漂亮的对话框怎么办？
jQuery Alert 是jQuery的官方插件，Ymprompt是国内开发人员写的，其于jQuery的一个插件，当然是各有所长。

jQuery Alert相对比较简单一点，用法也简单，而Ymprompt就复杂的多了。

这是关于jQuery Alert的介绍：

http://www.cnblogs.com/whitewolf/archive/2010/05/09/1731120.html，介绍请移步左边的链接

这个Jquery插件的目的是替代JavaScript的标准函数alert()，confirm（），和 prompt（）。这个插件有如下这些特点：
1：这个插件可以使你可以支持你自己的css制定。使你的网站看起来更专业。
2：允许你自定义对话框的标题。
3：在ＩＥ７中，可以使你避免使用JavaScript 的prompt（）函数带来的页面重新加载。
4：这些方法都模拟了Windows的模式对话框。在你改变改变浏览器窗口大小时候，它能够自适应用户窗口的调整。
5：如果你引入了jQuery UI Draggable plugin插件，那这个插件也可以被自由拖动。

而Ymprompt在这里有一个简单的介绍：http://www.ajaxbbs.net/test/ymPrompt4.0/demo.html，写的很多，但都是document，并非介绍，所以我就不贴了。

jQuery Alert在官方有的下载，我也就不提供啦。可以尝试一下。

在ThinkSNS中，用的是ymprompt，所以我才看了一下这玩意，但并非能够完全满足我的需求，如果仅仅使用简单的alert、prompt、confirm之类的，应该是够用了。

Tags: jquery, jqueryui, alert, ymprompt

Javascript | 评论:0 | 阅读:21311

Submitted by gouki on 2010, May 4, 11:23 AM

很多做站的朋友都会有一个问题，在显示摘要的时候，如果摘要前有很多图片，那么显示出来的页面是不太正常的。比如，摘要显示100个字符，可是如果前面有很多图片，去掉图片代码后，100个字符已经几乎用完了。怎么办？
我个人是这样处理的。在PHP中，先用strip_tags去除内容中的标签，然后trim一下，再进行截取。这样的话就几乎没有什么问题了。
而这篇文章就有点意思，用作者的话来说，是无损html。来吧看看他写的内容。

最近在做一些内容搜索的工作，搜索出来的内容为html格式，列表部分需要显示每项内容的一部分。因为是html格式的内容，直接截取内容的前多少字符显然不合适了。而如果直接去掉所有html格式然后再截取又无法达到想要的效果，再网上搜了一通之后，写下如下代码应该可以满足基本的要求了。(js写的，因为容易调试)

JavaScript代码

var br = {};
br.spTags = ["img","br","hr"];/*不需要成对出现的标记*/
br.contain = function(arr,it){
for(var i=0,len=arr.length;i<len;i++){
if(arr[i]==it){
return true;
}
}
return false;
}
br.subArtc = function(article,worldNum){
var result = [];
/*首先截取需要的字串*/
var wcount = 0;
var startTags = [],endTags = [];
var isInTag = false;
for(var i=0,len=article.length;i<len;i++){
var w = article[i];
result.push(w);
if(w=="<"){
isInTag = true;
}
if(!isInTag){
wcount++;
if(wcount==worldNum){
break;
}
}
if(w==">"){
isInTag = false;
}
}
/*对字串进行处理*/
var j=0;
isInTag = false;
var isStartTag = true;
var tagTemp = "";
while(j<i){
w = result[j];
if(isInTag){
if(w==">" || w==" " || w=="/"){
isInTag = false;
if(isStartTag){
startTags.push(tagTemp);
}else{
endTags.push(tagTemp);
}
tagTemp = "";
}
if(isInTag){
tagTemp+=w;
}
}
if(w=="<"){
isInTag = true;
if(result[j+1]=="/"){
isStartTag = false;
j++;
}else{
isStartTag = true;
}
}
j++;
}
/*剔除img,br等不需要成对出现的标记*/
var newStartTags = [];
for(var x=0,len=startTags.length;x<len;x++){
if(!br.contain(br.spTags,startTags[x])){
newStartTags.push(startTags[x]);
}
}
/*添加没有的结束标记*/
var unEndTagsCount = newStartTags.length - endTags.length;
while(unEndTagsCount>0){
result.push("<");
result.push("/")
result.push(newStartTags[unEndTagsCount-1]);
result.push(">");
unEndTagsCount--;
}
return result.join("");
};

基本思路：

1.绕过标记，取得实际内容字数，如需要显示内容前100个字，绕过标记检索，得到第一百个字实际的索引。然后截取此索引前面的字串。
2.根据一得到的字串，得到这个字串中存在的开始标记和结束标记。注：此处的开始标记标识以"<"开通，且下一个字符不为"/"。
3.剔除2中得到的开始标记中的不需要成对出现的标记。如br,img,hr等。
4.对比经过3处理的开始标记和2中得到的结束标记，没有配成对的在合适的位置为其配对。

此功能没有经过严格的测试，大家若有兴趣可以可以帮忙测试，有更好的想法的也可以回帖讨论。

--EOF--http://www.cnblogs.com/bravfing/archive/2010/05/02/1725924.html

我没有用PHP的试过，因为在PHP中本身对多字节的支持就不是特别的好不象js，认为中文就是一个字符。不过思路可以考虑一下，但真正要显示摘要的话，当然还是不要含 HTML代码，因为那可能会影响页面布局。

Tags: substr, html, 页面布局

Javascript | 评论:3 | 阅读:25289

Records:305«‹25 26 27 28 293031 32 33 34 ›»

« 2025年01月 »