Javascript实例教程:width和style.width

文章简介:今天在写一个修改图片宽度的demo的时候碰到一个问题,我通过获取image对象后,直接设置属性image.style.width=100,没有生效,后来查出原因,因为 style.width 所接收的为字符串,image.width=100,这种写法是可以的,因为 width 本身就是 number 类型的。

 今天在写一个修改图片宽度的demo的时候碰到一个问题,我通过获取image对象后,直接设置属性image.style.width=100,没有生效,后来查出原因,因为 style.width 所接收的为字符串,image.width=100,这种写法是可以的,因为 width 本身就是 number 类型的。

然后看到一个关于 style.width 的设值的说法,如下

IE
id.style.width = "100"; //只带数值,不会出错
id.style.width = "100px"; //带数值和单位,不会出错
id.style.width = "100px;"; //带数值、单位和分号,会出错

FF
id.style.width = "100"; //只带数值,会出错
id.style.width = "100px"; //带数值和单位,不会出错
id.style.width = "100px;"; //带数值、单位和分号,不会出错

所以我们平时写的时候,最好是使用“数值+单位”的这种写法,以免出现不可预料的错误。

时间: 2024-11-05 12:32:55

Javascript实例教程:width和style.width的相关文章

Javascript实例教程:DOM方法创建和修改表格

文章简介:Javascript实例教程:DOM方法创建和修改表格. <table>元素是HTML中最复杂的结构之一.要想创建表格,一般都必须涉及表示表格行.单元格.表头等方面的标签.由于涉及的标签多,因而使用核心DOM方法创建和修改表格往往都免不了要编写大量的代码.假设我们要使用DOM来创建下面的HTML表格: <table border="1" width="100%"> <tbody> <tr> <td>

Javascript实例教程(1) 目录

javascript|教程 javascript是一种基于对象和事件驱动并具有安全性能的脚本语言.使用它的目的是与HTML超文本标记语言.Java 脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用,从而可以开发客户端的应用程序等.它是通过嵌入或调入在标准的HTML语言中实现的.它的出现弥补了HTML语言的缺陷,它是Java与HTML折衷的选择.本javascript实例教程旨在通过介绍一些实例来加深对Javascrip的理解.本系列教程包括:1. 利用jav

Javascript实例教程(1) 创建弹出式窗口

javascript|创建|教程 利用Javascript创建弹出式窗口 好吧,言归正转,开始我们的第一个教程吧.利用Javascript创建弹出式窗口的目的实际上是打开另外的浏览器窗口.你可以设置这个浏览器窗口的一些属性,如高度.宽度以及是否让该窗口有一个状态条或者工具条.在下面的例子中,我将窗口设置为:350 x 400,即高度为350像素,宽度为400像素:其中也包括了另外的一些设置,如滚动条:而将其它的设置(如状态条.菜单条)都设置为没有(no). 下面是具体的代码,你可以将它放置到网页

Javascript实例教程:取得HTML元素的真正位置与大小

文章简介:使用HTML元素的style.left,style.top,style.width,style.height以及width,height属性,都不能获得元素的真正位置与大小,这些属性取出来的都是原来的设置值,例如width="500",那么通过document.getElementById("table1″).width取出来的值永远都是500,而不管这个表 使用HTML元素的style.left,style.top,style.width,style.height

Javascript实例教程(18) 使用字符串函数

javascript|函数|教程|字符串 使用javascript的字符串函数 字符串对象提供了许多方法,但是很少的程序设计人员充分利用它们,这对于一个程序员来说,不能不说这是一种缺陷.字符串提供的方法可以用于操作字符.产生HTML标签以及搜索字符串等等. 下面首先说说什么是字符串.在javascript语言中,字符串就是一种对象.就象在Java中,它们不是作为一系列的字符被存储的,所以字符串的操作必须使用内置的构造器和设置函数来完成.在后来的版本中有了字符串构造器和更多的关于对象的概念.在这个

Javascript实例教程(17) 使用字符串函数

javascript|函数|教程|字符串 字符串对象提供了许多方法,但是很少的程序设计人员充分利用它们,这对于一个程序员来说,不能不说这是一种缺陷.字符串提供的方法可以用于操作字符.产生HTML标签以及搜索字符串等等. 下面首先说说什么是字符串.在JavaScript语言中,字符串就是一种对象.就象在Java中,它们不是作为一系列的字符被存储的,所以字符串的操作必须使用内置的构造器和设置函数来完成.在后来的版本中有了字符串构造器和更多的关于对象的概念.在这个层次上说,字符串是由字母而不是数字组成

Javascript实例教程(14) JS代替CGI

cgi|javascript|js|教程 使用Javascript代替CGI 你可能对CGI脚本比较熟悉,利用CGI你可以通过表单将数字或者变量从一个网页上传递到另外一个网页.当然,你可以利用"POST"将变量以独立的线程进行传递而不显示在浏览器中,或者利用"GET"将变量编码到URL. JavaScript不能在变量在服务器端被处理的时候利用POST方法:但是你可以注意到当你提交一个使用GET方法的表单的时候,定位条上在文件名之后包含了额外的信息,比如: www.

Javascript实例教程(16) 日期函数

javascript|函数|教程 使用javascript的日期函数 Date(日期)对象可以使用Date()构造器来创建,在前面的教程中我们已经介绍了Date()构造器,这里就不重复叙述.它没有参数,返回的数值就是当前的日期.下面的表格显示了为日期构造器的有效输入: var today = new Date(); 返回当前的日期和时间 var newyear = new Date("December 31, 1998 23:59:59"); 输入的是表单的字符串 "月 日,

Javascript实例教程(15) JS代替CGI

cgi|javascript|js|教程 使用javascript代替CGI 你可能对CGI脚本比较熟悉,利用CGI你可以通过表单将数字或者变量从一个网页上传递到另外一个网页.当然,你可以利用"POST"将变量以独立的线程进行传递而不显示在浏览器中,或者利用"GET"将变量编码到URL. javascript不能在变量在服务器端被处理的时候利用POST方法:但是你可以注意到当你提交一个使用GET方法的表单的时候,定位条上在文件名之后包含了额外的信息,比如: www.