HTML及JavaScript疑难31问,初学者必备

来源：互联网发布：碰碰软件怎么玩? 编辑：程序博客网时间：2024/06/11 14:55

一、所有有难度的排版

Ø 采用表格实现

二、布局表格和表格的差异

Ø 布局表格可以在已有的框线内，随意画出自己想要的单元格，满足指定大小、跨度、相对位置，但操作步骤多。非设计人员可以不学。

Ø 普通表格可以完成绝大多数布局任务。

三、编辑某些对象属性时，属性窗口编辑器中看不到这个属性

Ø 直接切换至代码视图，编写属性代码。

四、在单元格中插入图像等较宽对象后，单元格要变形

Ø 无可避免，只能在后续步骤中调整。或者在代码视图中用代码来设定。

五、在单元格中插入大图像后，会把单元格撑大

Ø 可以就地拉动其边框，调整到合适的大小。并且此操作不会影响原图片。

六、改变行为对应的事件

Ø 单击“标签”下的行为选项卡，单击事件名旁的下拉箭头，再选择要的事件名即可。

七、调整文本字段(textField)的高度和宽度

Ø 高度：在代码视图中设置其Height属性，单位是像素。

Ø 宽度：在设计视图中设置“最大字符数”

八、JS运行时，没有语法错误，却永远输不出结果

Ø 查看有无重名对象

Ø 查看列表框中选项是否设置对应的值

九、使用IsNaN(var)判断后，输入错误时只显示输出“NaN”，不能显示出错的数据

var a1,a2,s,n;

a1=parseFloat(document.form1.num1.value);//当不是数据时，强行转化后的结果是NaN。应当先验证，通过后再转化。

//a1=document.form1.num1.value;

if(isNaN(a1))

{

alert(a1+"不是数字");

}

十、操作创建样式

切换至“设计”面板，选择“CSS样式”选项卡，可在出现的窗口栏下部找到“新建”、“编辑样式”等按钮。操作创建完样式后，在属性检查器中应用即可。

十一、设置背景色一闪即逝

是因为按钮设为了提交按钮,提交动作瞬间完成。只需要将其类型更改为普通按钮即可。

十二、JS代码和BODY部分代码有冲突时，页面会按哪个来执行？

JS代码。因为其权限更高。

十三、JS代码调试无误，可下拉列表框中的选择就是不能正确运行

下拉列表框的值选项设置不正确，比如说设置成了中文状态的符号

十四、HTML页面的执行顺序

Ø 执行head部分

Ø 执行body部分

Ø 响应用户操作

十五、document.write()方法

body部分的呈现过程，就是document.write()出整个页面的过程。但呈现完毕后，将会自动调用document.close()方法关闭写入流。此时若再使用document.write()方法，将会重新打开一个写入流，即重写document，造成对已有元素的覆盖。所以若想要在输出过程中不覆盖其它元素，就应将含document.write()方法的javaScript代码放入到body中合适的位置。

十六、String.subString(int i, int j)及String.subStr(int i, int j)

Ø 前者表示从源字符串第i个位置起，一直取到第j个位置(但不包括j位置)的字符的子字符串。从0开始编号。

Ø 后者表示从源字符串第i个位置起,一直取j个字符的子串。

十七、日期型数据

1、构造函数

Ø var now=new Date() 获取当前时间

Ø var someday=new Date(“October 31,2008”) 返回指定日期的日期型对象

Ø var sometime=new Date(“October 31,2008 03:08:09”) 返回指定时间的日期型对象

2、日期差计算

Ø 使用objDate.getTime()获取GMT毫秒数

Ø 求差

Ø 转化为天日

十八、获取或设置框架显示的页面

操作属性：parent.mainFrame.location.href

十九、缓存图片

<html>

<head>

<title>change image</title>

<script language="javascript">

var images=new Array(9);

var i;

for(i=0;i<9;i++)

{

images[i]=new Image(1024,768);

images[i].src="Images//"+(i+1)+".jpg";

}

function changeImage(list)

{

//操作字符串的方式引用图像

var img=list.options[list.selectedIndex].value;

document.my.src=eval(img+".src");

//操作对象的方式引用图像

document.my.src=images[list.selectedIndex].src;

}

</script>

</head>

<body>

<label>请选择你要显示的图象

</select>

</label>

</form>

</body>

</html>

二十、HTML对象不支持某些事件

可在其两侧加上超链接标签，即<A></A>，此时可利用超链接标签的事件来执行相应的操作

二十一、javaScript被关闭时，如何通知用户

将要显示的内容置于<NOSCRIPT></NOSCRIPT>之间

二十二、测试对象的属性或方法是否存在

if (typeof (document.body.style)!=”undefined”) …

二十三、如何实现层的显示和隐藏

Ø 显示：document.getElementById(“层ID”).style.display=”block”;

Ø 隐藏：document.getElementById(“层ID”).style.display=”none”;

该方法适合所有对象的显示和隐藏。还能支持按名字能引用到的元素。

二十四、如何实现按回车键后自动实现验证和提交

只需把按钮设置为“提交”，验证和提交函数链接到表单的“onSubmit”事件即可。因为回车键默认触发表单提交。

二十五、如何循环引用一个表中多个单元格

Ø 设置单元格的左边距，上边距：document.all['表格ID'].tBodies[i].style.left=… document.all['表格ID'].tBodies[i].style.top=…

Ø 对每个单元格应用类样式：document.all['表格ID'].cells[i].className=…

二十六、如何获取窗体的body部分的宽度和高度

Ø 获取窗体的宽度：document.body.offsetWidth

Ø 获取窗体的高度：document.body.offsetHeight;

Ø 注意：

n HTML页面的开始部分，即声明HTML版本和验证域部分，会影响窗体body高度的获取，此时删除声明部分即可。

n 编程实现沿页面边框绕行的层时，四个角点的判断条件，既要限定横坐标，也要限定纵坐标。否则不能准确限定处于哪个角点。

二十七、如何将某页设置为首页

<A title=设置网易163邮箱为浏览器首页 style="COLOR: #f60"

onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://mail.163.com');"

href="javascript:;">设为首页</A>

二十八、如何添加到收藏夹

external.addfavorite(‘目标网址','收藏名称');

二十九、怎样利用vs.net中的调试器来调试javascript

1. 首先，要让你的ie允许调试脚本，具体步骤如下: 打开ie->工具菜单->inter选项->高级选项卡->去掉“禁止脚本调试"选项。否则，设置的断点不起作用。

2. 打开vs.net,创建一个新的asp.net项目(或打开一个)

3. 运行你要调试的页面

4. 当你的页面呈现在ie里的时候，重新回到vs.net

5. 在脚本中设置断点: 调试菜单->窗口->”即时”

6. 通过操作网页来进入脚本，当脚本运行到断点时，就可以进行调试了.

7. 如果你想在页面开始装载时就进入调试状态，可以按F10(逐过程)进行调试

三十、空格输入

Ctrl+Shift+空格

三十一、设置textfield等控件的宽度

直接设置其字符数