帮忙看看这个比较简单的代码

问题描述

如下代码,我用IE6,FF无法运行。,本人新手,见笑~~~code:<head><scripttype="text/javascript"language="javascript">functionfun(){document.f1.btn1.onclick=function(){alert('htllo'+this)};functionf(){document.f1.btn2.value+='hello';};document.f1.btn2.onmousemove=f;document.f1.btn2.onmouseout=function(){document.f1.btn2.value='btn2';}}fun();</script></head><body><formname="f1"><inputname="btn1"type="button"value="btn1"/><inputname="btn2"type="button"value="btn2"/></form></body></html>

解决方案

解决方案二:
<inputname="btn1"type="button"value="btn1"onClick="fun()"/><inputname="btn2"type="button"value="btn2"onClick="f()"/>
解决方案三:
1楼+1,onclick调用JS事件
解决方案四:
<head><scripttype="text/javascript"language="javascript">functionfun(){document.f1.btn1.onclick=function(){alert('hello'+this.value);};}functionf(){document.f1.btn2.value+='hello';};window.onload=function(){document.f1.btn2.onmousemove=f;document.f1.btn2.onmouseout=function(){document.f1.btn2.value='btn2';}fun();}</script></head><body><formname="f1"><inputname="btn1"type="button"value="btn1"/><inputname="btn2"type="button"value="btn2"/></form></body></html>

解决方案五:
3楼正点~~window.onload匿名函数,顿解。我的代码缺少执行的句柄。1,2楼不是没有道理。但俺想的是要与HTML分离的效果。
解决方案六:
你把函数放在body的最下部
解决方案七:
body里内容还没加载到你就用js去调用了

时间: 2024-11-03 15:43:01

帮忙看看这个比较简单的代码的相关文章

js猜数字小游戏的简单实现代码

这篇文章介绍了js猜数字小游戏的简单实现代码,很好玩的游戏哦,可以看看你的智商 是否惊人额   复制代码 代码如下:  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xh

JS Map 和 List 的简单实现代码

本篇文章是对在JS中Map和List的简单实现代码进行了详细的分析介绍,需要的朋友参考下   复制代码 代码如下: /* * MAP对象,实现MAP功能 *  * 接口:  * size()     获取MAP元素个数  * isEmpty()    判断MAP是否为空  * clear()     删除MAP所有元素  * put(key, value)   向MAP中增加元素(key, value)  * remove(key)    删除指定KEY的元素,成功返回True,失败返回Fals

JS比较两个时间大小的简单示例代码

 本篇文章主要介绍了JS比较两个时间大小的简单示例代码.需要的朋友可以过来参考下,希望对大家有所帮助 如下所示:  代码如下: if (new Date(strSD.replace(/-/g, '/')) > new Date(strED.replace(/-/g, '/'))) { //开始时间大于了结束时间                 alert("时间选择有误!开始日期必须小于或者等于结束时期!");                 return false; }  

php导出word文档与excel电子表格的简单示例代码

 本篇文章主要是对php导出word文档与excel电子表格的简单示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 生成word的代码:  代码如下:  header("Content-type: application/octet-stream");  header("Accept-Ranges: bytes");  header('Content-type: application/doc');  header('Content-Disposit

javascript通过className来获取元素的简单示例代码

 本篇文章主要是对javascript通过className来获取元素的简单示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 示例如下:    代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="

js二维数组排序的简单示例代码

 本篇主要是对js二维数组排序的简单示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 如下所示:    代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>  <head>   <title> New Document <

用jQuery模拟select下拉框的简单示例代码

 本篇文章主要是对用jQuery模拟select下拉框的简单示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 很多时候,美工会觉得默认的select下拉框很难看(特别是右侧的下拉箭头按钮),他们通常喜欢用一个自定义的图标来代替这个按钮.这样就只能用 js + div 来模拟了,倒腾了一番,用jQuery模拟了下,当然网上这种文章也不少,只是懒得去看找  代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition

文本框水印提示效果的简单实现代码

 本篇文章主要是对文本框水印提示效果的简单实现代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 代码如下: <!doctype html> <html> <head>     <title></title>     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/java

js判断ie版本号的简单实现代码

 本篇文章主要是对js判断ie版本号的简单实现代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 jQuery 2.0 去除了对浏览器版本号的判断(它推荐特性检测),这里是一个老外写的原生判断方法,这段代码着实巧妙!既简介.有向后兼容!一般做法都是:正则搜索 USER_AGENT : 但因为历史原因, USER_AGENT 一直都不准确,而且被各大厂商改的乱七八糟.: 比如:   IE10 : Mozilla/5.0 (compatible; MSIE 10.0; Windows NT