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

阅读全文»

大家在设计网站的时候尽量要遵循W3C代码规范,这将对网站的优化,网站的推广,搜索引擎的友好有很大帮助的。以下是W3C XHTML 1.0代码规范需要主要的几点。

1. img标签的alt属性

img标签的alt属性是当src属性所指向的地址无效时用来代替图片显示的文字。缺少alt属性将无法通过XHTML标准验证,无论如何我们在写img标签时一定要加上alt属性,使用者也能在图片无效时知道这张图片的作用。

2. 同一页面内标签id属性值不得重复

同一页面内标签id属性值应是唯一的,如果需重复使用请用class属性代替。

3. 所有标签元素属性都使用小写

XHTML建议标签名称及其属性都使用小写。所有属性都必须有值。比如“checked”和“selected”属性值就为它自己本身。

<input type=”checkbox” checked=”checked” />

<option selected=”selected”>123</option>

阅读全文»

1. 什么是javascript?

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

2. javascript的运行平台

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

3. javascript的特点

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

阅读全文»

当我们在给某个元素定义了样式float属性为left或right时,此元素会变为浮动层,浮动在它的父级元素。如果要清除浮动,就要使用样式的clear属性。但是IE6浏览器与其它浏览器清除方法有些不同。IE6浏览器清除浮动需要在浮动层的父级元素使用clear:both和zoom:1两个属性,IE7和IE8和其它浏览器清除浮动需要在浮动层的父级元素使用clear:both和overflow:hidden两个属性。clear:both属性会清除浮动层的父级元素的浮动,overflow:hidden属性会清除浮动层本身,致使浮动层和浮动层父级元素处于同一层空间,IE6浏览器的zoom:1属性和其它款浏览器overflow:hidden属性效果相同,zoom:1触发IE6隐藏私有属性Layout清除浮动层本身,IE6浏览器上使用overflow:hidden属性是不能够清除浮动的,相应效果请自行查看演示页面。最后清除浮动的样式组合如下:

clear: both;

overflow: hidden;

zoom: 1;

演示:http://demo.joyfulboy.cn/css/clearFloat/

为梦想而努力

为梦想而努力

2010年03月04日 | 文章
为梦想而努力

为梦想而努力

不要让自己的梦想成为泡影,趁着我们还年轻,去做最后的努力和拼搏,无论结果是什么样子,我们老了的时候,心里不会再有遗憾,至少,我们曾经执着过,尝试过,努力过。

chrome

浏览器插件下载

2010年03月02日 | 资源

Firefox 下 windows media player 浏览器插件

点我下载

默认情况下在FF下面是不能使用 windows media player 在线播放的,即使本机安装了 windows media player 也不成,必须另行安装 FF 下面的 windows media player 在线播放插件才可以。下面提供 FF 下的 windows media player 插件,有需要的朋友下载安装即可。

取色工具 TakeColor

点我下载

我们在开发前端写CSS样式的时候可能遇到一些取色问题,需要取某种不经常使用的颜色。这样的话我们不可能把某个区域截图截下来然后再用Photo Shop 打开去那种颜色,那样简直太麻烦了(我以前就那样干了好长时间 !- . -)。这个工具帮助我们解决此问题。软件运行后可以获取窗口上任意位置的颜色,有需要的朋友可以下载下来试试,软件不需要安装加压缩后运行即可使用。

测量距离工具

点我下载

很多时候我们做前端开发时会遇到写CSS时调整DIV的位置或者距离,这个软件可以帮你测量两个点之间的像素数。或者你可以使用QQ自带的截屏功能,截屏时会显示所要截取区域的宽高像素数,像我这种懒人就使用QQ的截屏功能了。不过此软件很好用,适合专业人士使用。程序运行后在桌面上会出现两个滑块,拖动两个滑块于两个位置就会显示两个滑块之间的距离。软件不需要安装,解压后运行即可使用。

<!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>