Javascript

Javascript简体转繁体(想起某天某人的问题)

作者

简体转繁体其实方法很多，其中最为简单的就是字库对照的方式，如同2个数组的指针对应上，可是有人说怎么转换词组呢？别看词组什么的，只需要看它每个字，然后查找出每个字的对应字库即可。

如：
code:

<?php
$arr1 = array('我','你','他');
$arr2 = array('他','我','她');
?>

当我进行转换的时候，其实就是将数组$arr1其中的值替换为了$arr2的值，最后的结果结果就是转换的结果。

例子说了，下面来实际的应用吧

阅读更多

Javascript的Attribute和setAttribute

作者

首先讲讲setAttribute，我们经常需要在JavaScript中给Element动态添加各种属性，这可以通过使用setAttribute()来实现，这就涉及到了浏览器的兼容性问题。

setAttribute(string name, string value)：

//增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。

1、样式问题
setAttribute(“class”, value)中class是指改变”class”这个属性，所以要带引号。
vName代表对样式赋值。

阅读更多

Javascript的setInterval和clearInterval应用

作者

时间间隔可以用 setInterval 命令来创建并用 clearInterval 命令来终止。setInterval 所用的参数有两种格式。在第一种格式中，你传递给 setInterval 的参数可以是一个函数名，一段时间上的间隔以及一些传递给前面函数的相关参数。当 setInterval 运行时它会依照规定的时间间隔依次将列出的参数传递给指定的函数，直到你调用 clearInterval 将其终止。相关的示范代码

阅读更多

Javascript繁简转换插件应用方法

作者

这个插件的原理就是将所选择的语言类型以COOKIE的方式存储到本地，首先必须保证浏览器支持COOKIE，否则都是浮云了。

COOKIE的格式：
targetEncoding + cookieDomain

自己看着怎么灵活运用就怎么用吧，如果还有英文的翻译的话，那就需要改造了，这里只演示 简体 和 繁体之间的互相转换。
当用户选择了简体，在不清空COOKIE的情况下，下一次依然是中文。

阅读更多

ControlJS简单应用介绍

作者

Steve Souders 最近做了这么一个东西—— ControllJs。 主要为了是解决网页加载中Js文件的性能问题。这里做一个简单的转述。

众所周知，资源文件在浏览器加载直至用户可用是有两个阶段的：加载，执行。JavaScript的加载会阻滞其他资源的加载，而由于浏览器渲染是单线程的，JS执行的同时浏览器实际是假死状态的，页面渲染会停止，浏览器也不会下载新的文件。这样也会造成很大的性能问题， 所以Steve提出了三个方法：异步加载；延迟执行；覆写document.write。

1. 异步加载
核心思想还是很简单：让页面中的js片段对浏览器不可识别。jquery的template也是用了类似的方法。

外链脚本：由

<script type="text/javascript" src="main.js"><script>

阅读更多

Javascript全选反选函数

作者

Js函数部分..

//2011-04-28
//by hkshadow
function CheckAll(s,b){
	var a = document.getElementById(s).getElementsByTagName("input");
	var selall=document.getElementById(b).checked;
	for (var i=0; i<a.length; i++)
	   if(selall==true){
       		for (var i=0; i<a.length; i++)
	   				if (a[i].type == "checkbox") a[i].checked = true;
			 }else{ 		
  				for (var i=0; i<a.length; i++)	
       			if (a[i].type == "checkbox") a[i].checked = false ;
			}
	}

HTML演示部分..

阅读更多

Javascript鼠标事件

作者 
<script type="text/javascript">
function onmouseup_a(){
alert('当鼠标按钮被松开时执行脚本');
}

function onmousemove_a(){
alert('当鼠标指针移动时执行脚本');
}

function onmousedown_a(){
alert('当鼠标按钮被按下时执行脚本');
}
function onmouseout_a(){
alert('当鼠标指针移出某元素时执行脚本');
}

function onmouseover_a(){
alert('当鼠标指针悬停于某元素之上时执行脚本');
}

function onclick_a(){
alert('当鼠标被单击时执行脚本');
}

function ondblclick_a(){
alert('当鼠标被双击时执行脚本');
}
</script>

例子如下：

阅读更多