本文章不断更新中…

1. firefox、safari、chrome、opera 四款浏览器 script 标签的 src 地址文件不存在时不会触发此 script 标签的 load 事件。opera 浏览器的 script 标签的 src 地址文件是一个空文件(0字节)的话会当作文件不存在来处理,也不会触发此 script 标签的 load 事件。IE浏览器无上述情况。

2. opera 浏览器下文本框设置背景图片的同时设置背景颜色,背景图片失效,只会显示背景颜色,不设置背景颜色情况下会显示背景图片。

阅读全文»

1. javascript编程语句

javascript程序是由若干语句组成的,语句是编写程序的指令。javascript提供了完整的基本编程语句:

1、条件语句

在您编写代码时,经常需要根据不同的条件完成不同的行为。可以在代码中使用条件语句来完成这个任务。

在 javascript 中,我们可以使用下面几种条件语句:

if  语句

在一个指定的条件成立时执行代码。实例:http://www.w3school.com.cn/tiy/t.asp?f=jseg_ifthen

if (条件)
{
条件成立时执行代码
}

if…else 语句

在指定的条件成立时执行代码,当条件不成立时执行另外的代码。实例:http://www.w3school.com.cn/tiy/t.asp?f=jseg_ifthenelse

if (条件)
{
条件成立时执行此代码
}
else
{
条件不成立时执行此代码
}

阅读全文»

jLoader 引用地址:http://code.joyfulboy.cn/js/jloader/1.1.1/jloader.js 使用方法:

[code lang=”js”]
<script type="text/javascript">

var loader = jLoader.create();
//创建 jLoader 对象;

loader.deps = {
"http://code.joyfulboy.cn/js/prototype-extend/1.0.0/prototype-extend.js": ["http://code.joyfulboy.cn/js/prototype/1.6.1/prototype-1.6.1.js"]
}
//设置文件加载管理器,控制文件加载顺序;

loader.load("http://code.joyfulboy.cn/js/prototype-extend/1.0.0/prototype-extend.js", function(paths, head) {
alert(paths);
});
//载入外部JS并执行函数;

</script>
[/code]

jLoader.deps是一个对象,控制文件加载顺序。几个例子说明:

jLoader.deps = { "1.js": ["2.js", "3.js"] }

jLoader.load("1.js");

当利用load方法载入1.js时系统会先载入2.js和3.js后才会载入1.js。

演示:http://demo.joyfulboy.cn/js/jloader/1.1.1/

利用IE6滤镜,使PNG图片背景透明,只需将演示页面源代码中头部的javascript代码引入您自己的页面头部即可。

注意:引入javascript代码到页面头部以后,页面上所有img标签的png图片背景都会透明。

演示页面:http://demo.joyfulboy.cn/js/correctpng/correctPNG.html

1. javascript语句

javascript是由浏览器执行的语句序列

javascript语句发送给浏览器命令,浏览器接收命令来做相应的事情。

alert(“我是警告框内容”);

这条javascript语句是告诉浏览器弹出一个警告框。

通常每一条语句我们都会用“;”分号结束,这是一个好的编程习惯。通过分号我们还可以在一行中写上多条语句。

javascript代码就是很多条javascript语句集合。以下是多条语句的演示实例:

<script type=”text/javascript”>

alert(“执行第一条语句”);

alert(“执行第二条语句”);

alert(“执行第三条语句”);

</script>

更详细的介绍请参见网址:http://www.w3school.com.cn/js/js_statements.asp

阅读全文»

1. 什么是javascript?

javaScript 是根据 “ECMAScript” 标准制定的网页脚本语言。

2. javascript的运行平台

javascript是运行在客户端浏览器上的客户端脚本语言。现在基本所有浏览器都支持javascript。

3. javascript的特点

javaScript 使网页增加互动性。javaScript 使有规律地重复的HTML文段简化,减少下载时间。javaScript 能及时响应用户的操作,对提交表单做即时的检查,无需浪费时间交由服务器端验证。javaScript 的特点是无穷无尽的,只要你有创意。

阅读全文»

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

javascript 在不同浏览器下取区域高度宽度方法

<script type=”text/javascript”>// <![CDATA[
function getInfo(){
var s = “”;
s += “网页可见区域宽:”+ document.body.clientWidth;
s += ” 网页可见区域高:”+ document.body.clientHeight;
s += ” 网页可见区域宽:”+ document.body.offsetWidth + ” (包括边线和滚动条的宽)”;
s += ” 网页可见区域高:”+ document.body.offsetHeight + ” (包括边线的宽)”;
s += ” 网页正文全文宽:”+ document.body.scrollWidth;
s += ” 网页正文全文高:”+ document.body.scrollHeight;
s += ” 网页被卷去的高(ff):”+ document.body.scrollTop;
s += ” 网页被卷去的高(ie):”+ document.documentElement.scrollTop;
s += ” 网页被卷去的左:”+ document.body.scrollLeft;
s += ” 网页正文部分上:”+ window.screenTop;
s += ” 网页正文部分左:”+ window.screenLeft;
s += ” 屏幕分辨率的高:”+ window.screen.height;
s += ” 屏幕分辨率的宽:”+ window.screen.width;
s += ” 屏幕可用工作区高度:”+ window.screen.availHeight;
s += ” 屏幕可用工作区宽度:”+ window.screen.availWidth;
s += ” 你的屏幕设置是 “+ window.screen.colorDepth +” 位彩色”;
s += ” 你的屏幕设置 “+ window.screen.deviceXDPI +” 像素/英寸”;
alert (s);
}
// ]]></script>

javascript控制css中style.height和style.width时应注意px单位问题

1、document.getElementById(‘div’).style.height=100;    //这样写以IE里会正确执行,把ID为div元素高改为100象素。

2、但是读的时候,alert(document.getElementById(‘div’).style.height + 10);    //这样将会出错,因为读取style.height的时候,会以”100px”的形式出现。

3、到了FF里,不光读出来的是”100px”,写的时候,也必须是document. getElementById(‘div’).style.height=’100px’;这样才能有效果。

在IE中一般用js:obj.onselectstart=function(){return false;}

firefox用CSS:-moz-user-select:none

IE下面用JS
<script type=”text/javascript”>
document.onselectstart = function(){
return false;
}
</script>

FF下面CSS
<style type=”text/css”>
body {
-moz-user-select: none;
}
</style>

演示地址:http://demo.joyfulboy.cn/js/choice/

JS调用说明:

函数调用方法:
choice(参数1, 参数2, 参数3, ……, 参数n);

参数说明:
参数1 = this; 当前对象;
参数2 = “你需要显示的 DIV ID”; 字符串类型;
参数3 – 参数n = “你需要隐藏的 DIV ID”; 字符串类型;
参数顺序不允许颠倒;

例如:onmouseover = ‘choice(this, “show1”, “show2”);’;
此时当鼠标移动到此上面时ID为show1的DIV显示,ID为show2的DIV隐藏;

例如:onmouseout = ‘choice(this);’;
此时当鼠标移开此上面时className=choice

在线演示地址1:http://demo.joyfulboy.cn/js/tagswitch/1/

在线演示地址2:http://demo.joyfulboy.cn/js/tagswitch/2/

看演示,两种方法,显示效果都一样。

演示1所用的方法是把不需要显示的内容所在的DIV块用CSS样式隐藏了,好处是任何被隐藏的内容也会被搜索引擎识别并抓取,坏处是样式如果不加载的话被隐藏的内容就会显示出来。

演示2所用的方法是利用JS把所显示的内容动态写进DIV块内,DIV块永远是那一个DIV,内容是动态变的,好处是不受CSS样式的影响,坏处就是搜索引擎不会抓取动态改变的内容。

JS调用方法自己参考演示页面源码或查看JS文件注释,这里不想多说了,个人推荐应用第二中方法。