javascript语言与html交互的几种方式
2007-03-27 12:36
351 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
javascript语言与html交互时,1)onouseover是javascript function 等同于 document.getElementById("table1").onmouseover=function(){this.width=tWidth}, 只是将javascript与html简单化,用一个事件标签(像属性的方式)
2>将整个对象document.write()输出
3>特例, href="alert(11)", 地址栏技持javascript
<table height="200" border="1" id="table1" width="javascript: alert(11)" onmouseover="alert(1)">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<script>
var tWidth="300";
document.write('<table width='+tWidth+' height="200" border="1"><tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr></table>')
</script>
<a href="javascript: alert(123); open(); void(0)">因为地址栏支持javascript, 所以可以在href, window.location.href上可以直接用javascript</a>
<script>
//window.location.href=alert(222);void(0); alert(0);
//window.location.href='';
//window.location.href=alert(11); //说明本页执行完后才能
document.getElementById("table1").width="200";
document.getElementById("table1").style.width="300";
document.getElementById("table1").onmouseover=function(){alert(2)}
document.getElementById("table1").onmouseover() //本身就是一个玩参数,无反回value的委托
document.getElementById("table1").mouseover() //本身就是一个玩参数,无反回value的委托,也不能返回,
</script>
<input type="button" value="test" id="input1">
<script>
document.getElementById("input1").onclick= function(){alert(4)}
document.getElementById("input1").onclick();
document.getElementById("input1").click(); //此可以,特例,
委托function为click, mouseover, raise function为onmoseover, onclick,
说明mouseover不为public, 为private or protect,而click为public,
javascript现有java版及c++版
</script>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
javascript语言与html交互时,1)onouseover是javascript function 等同于 document.getElementById("table1").onmouseover=function(){this.width=tWidth}, 只是将javascript与html简单化,用一个事件标签(像属性的方式)
2>将整个对象document.write()输出
3>特例, href="alert(11)", 地址栏技持javascript
<table height="200" border="1" id="table1" width="javascript: alert(11)" onmouseover="alert(1)">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<script>
var tWidth="300";
document.write('<table width='+tWidth+' height="200" border="1"><tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr></table>')
</script>
<a href="javascript: alert(123); open(); void(0)">因为地址栏支持javascript, 所以可以在href, window.location.href上可以直接用javascript</a>
<script>
//window.location.href=alert(222);void(0); alert(0);
//window.location.href='';
//window.location.href=alert(11); //说明本页执行完后才能
document.getElementById("table1").width="200";
document.getElementById("table1").style.width="300";
document.getElementById("table1").onmouseover=function(){alert(2)}
document.getElementById("table1").onmouseover() //本身就是一个玩参数,无反回value的委托
document.getElementById("table1").mouseover() //本身就是一个玩参数,无反回value的委托,也不能返回,
</script>
<input type="button" value="test" id="input1">
<script>
document.getElementById("input1").onclick= function(){alert(4)}
document.getElementById("input1").onclick();
document.getElementById("input1").click(); //此可以,特例,
委托function为click, mouseover, raise function为onmoseover, onclick,
说明mouseover不为public, 为private or protect,而click为public,
javascript现有java版及c++版
</script>
</BODY>
</HTML>
相关文章推荐
- Android - webview原生和JavaScript(js)交互传值的几种方式
- Android中Java与JavaScript交互的几种方式
- HTML / JavaScript / PHP 实现页面跳转的几种方式
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第30讲_类和对象细节_创建对象的几种方式_js对象内存分析_学习笔记_源代码图解_PPT文档整理
- 禁用IE的后退按钮|显示网页已过期|几种语言的实现方法|c#|javascript|html
- 在html页面上嵌入JavaScript代码的几种方式
- 禁用IE的后退按钮|显示网页已过期|几种语言的实现方法|c#|javascript|html
- 基础篇:1.JavaScript运行在html中,引用有几种方式?—— 6.js中常用的输出方式?
- html 图片显示的几种方式
- QT程序与html交互(三)------QT WebChannel JavaScript API
- html和javascript按钮增加监听的方式
- C 语言中模板的几种实现方式
- Android-JS&Native交互的几种可行性方案&H5白屏问题解决方式
- R 语言读取数据的几种方式简介
- JavaScript 页面跳转的几种方式
- javascript的几种使用多行字符串的方式
- 转:asp.net mvc下的多语言方案 包含Html,Javascript和图片
- javascript url几种编码方式详解
- 爱创课堂每日一题第五十八天-javascript对象的几种创建方式
- JavaScript定义类,定义属性,定义方法的几种方式详解与分析