getpageobject.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> getPageObject + 页面对象属性方法列表 + </TITLE>
<style>
body{font-family:verdana;font-size:12px;}
div{border:1px solid red;}
.subdiv{margin-left:5px;border:0px;background:#eeeeff;}
#sty{border:0px;}
#tree {float:left;width:400;word-wrap:break-word;border:1px solid blue; background:#ffffff;}
#right {float:right; position:absolute ;left:450px;top:5px;border:1px solid blue; background:#eeeeee;}
#objectlistdiv{width:400px;position:absolute ;left:450px;top:340px;border:0px solid blue; background:#eeeeee;}
#ctrllist{padding:0px;background:white;margin:0px;}
#info {display:block;}
.bt {padding:0px;background:white;margin:0px;}
</style>
<div id="sty">按下 listtree 按钮。本页面只是对js的一次了解的尝试。<BR>
</div>
<div id="tree">
最右下角选择需要列的对象 document.all[x]
点其右边的listtree按钮列出此对象
</div>
<div id="right">
根位置标志:<INPUT TYPE="text" id="roottree" value="0"><textarea cols='80' rows='10' name='info' id='info' >
</textarea><BR>
<textarea cols='30' rows='3' name='evaltext' id='evaltext'>在这里你可以输入script语句,点击eval执行</textarea><BR>
<textarea cols='30' rows='3' id='evalresult' >这里列出执行结果</textarea>
<INPUT TYPE='button' onclick='evalstr(evaltext)' value='eval'>
<BR>
</div>
<!-- script start -->
<script>function evalstr(obj){
res = eval(obj.value);
evalresult.value =res;
}/*<function init>*/
function init(){
objectlisthtml = '<option value="document">document</option>';for(i=0;i<document.all.length;i++){
objectlisthtml += '<option value="document.all['+i+']">document.all['+i+']</option>\n';
//objectlisthtml += '<option value="'+document.all[i].nodeName+'">'+document.all[i].nodeName+'</option>\n';
}
//alert(objectlisthtml.length);
document.getElementById('objectlist').innerHTML = objectlisthtml;
document.getElementById('objectlist').outerHTML = '<select id="objectlist" name="objectlist" onchange="selectobject()"><option>' + document.getElementById('objectlist').innerHTML +'</select>';
document.getElementById('info').value = document.getElementById('objectlist').outerHTML;}
/*</function init>*/function selectobject(){
clickfunc = 'function anonymous()\n';
clickfunc += '{\n';
tagname = document.getElementById('objectlist').value;
obj = document.getElementsByTagName(tagname);
clickfunc += 'showprop('+obj+',"'+tagname+'")';
clickfunc += '\n}\n';
//document.getElementById('ctrllist').onclick = clickfunc;
document.getElementById('info').value = document.getElementById('ctrllist').onclick;
//document.getElementById('info').value = clickfunc;
document.getElementById('roottree').value = 0;
}</script>
<script src="object.js"></script>
<div id="objectlistdiv">
指定对象:<input type='text' name='pointobject2' value="document" size="30" />
<INPUT class="bt" TYPE="button" id="pointlist" onclick="exelist('pointobject2')" value="列出指定对象"><BR>
指定对象:<select name="pointobject" id="pointobject" onchange="cleartag()">
<option value="document">document</option>
</select>
<INPUT class="bt" TYPE="button" id="pointlist" onclick="exelist('pointobject')" value="pointobject"><BR>
选择需要列出的页面对象。<BR>
点击开始列出右边的对象:<INPUT TYPE="button" id="ctrllist" onclick="exelist('objectlist')" value="listtree">
<select name="objectlist" id="objectlist"></select>
</div><script>init();</script>
<HTML>
<HEAD>
<TITLE> getPageObject + 页面对象属性方法列表 + </TITLE>
<style>
body{font-family:verdana;font-size:12px;}
div{border:1px solid red;}
.subdiv{margin-left:5px;border:0px;background:#eeeeff;}
#sty{border:0px;}
#tree {float:left;width:400;word-wrap:break-word;border:1px solid blue; background:#ffffff;}
#right {float:right; position:absolute ;left:450px;top:5px;border:1px solid blue; background:#eeeeee;}
#objectlistdiv{width:400px;position:absolute ;left:450px;top:340px;border:0px solid blue; background:#eeeeee;}
#ctrllist{padding:0px;background:white;margin:0px;}
#info {display:block;}
.bt {padding:0px;background:white;margin:0px;}
</style>
<div id="sty">按下 listtree 按钮。本页面只是对js的一次了解的尝试。<BR>
</div>
<div id="tree">
最右下角选择需要列的对象 document.all[x]
点其右边的listtree按钮列出此对象
</div>
<div id="right">
根位置标志:<INPUT TYPE="text" id="roottree" value="0"><textarea cols='80' rows='10' name='info' id='info' >
</textarea><BR>
<textarea cols='30' rows='3' name='evaltext' id='evaltext'>在这里你可以输入script语句,点击eval执行</textarea><BR>
<textarea cols='30' rows='3' id='evalresult' >这里列出执行结果</textarea>
<INPUT TYPE='button' onclick='evalstr(evaltext)' value='eval'>
<BR>
</div>
<!-- script start -->
<script>function evalstr(obj){
res = eval(obj.value);
evalresult.value =res;
}/*<function init>*/
function init(){
objectlisthtml = '<option value="document">document</option>';for(i=0;i<document.all.length;i++){
objectlisthtml += '<option value="document.all['+i+']">document.all['+i+']</option>\n';
//objectlisthtml += '<option value="'+document.all[i].nodeName+'">'+document.all[i].nodeName+'</option>\n';
}
//alert(objectlisthtml.length);
document.getElementById('objectlist').innerHTML = objectlisthtml;
document.getElementById('objectlist').outerHTML = '<select id="objectlist" name="objectlist" onchange="selectobject()"><option>' + document.getElementById('objectlist').innerHTML +'</select>';
document.getElementById('info').value = document.getElementById('objectlist').outerHTML;}
/*</function init>*/function selectobject(){
clickfunc = 'function anonymous()\n';
clickfunc += '{\n';
tagname = document.getElementById('objectlist').value;
obj = document.getElementsByTagName(tagname);
clickfunc += 'showprop('+obj+',"'+tagname+'")';
clickfunc += '\n}\n';
//document.getElementById('ctrllist').onclick = clickfunc;
document.getElementById('info').value = document.getElementById('ctrllist').onclick;
//document.getElementById('info').value = clickfunc;
document.getElementById('roottree').value = 0;
}</script>
<script src="object.js"></script>
<div id="objectlistdiv">
指定对象:<input type='text' name='pointobject2' value="document" size="30" />
<INPUT class="bt" TYPE="button" id="pointlist" onclick="exelist('pointobject2')" value="列出指定对象"><BR>
指定对象:<select name="pointobject" id="pointobject" onchange="cleartag()">
<option value="document">document</option>
</select>
<INPUT class="bt" TYPE="button" id="pointlist" onclick="exelist('pointobject')" value="pointobject"><BR>
选择需要列出的页面对象。<BR>
点击开始列出右边的对象:<INPUT TYPE="button" id="ctrllist" onclick="exelist('objectlist')" value="listtree">
<select name="objectlist" id="objectlist"></select>
</div><script>init();</script>
解决方案 »
- alert不执行
- 求大虾帮忙 用javascript实现
- javascript判断考试成绩为浮点数且小数点后保留一位
- 点一个button后,定位到本页面内一个label处,怎么实现?
- javascript实现浮动图像有关问题,谢谢大家解答?
- window.location.hostname 问题
- VBScript调用JavaScript,参数有两个就不行了!救救急!
- "document.all"是什么意思????
- 对付IE6
- 动态使用对象的问题,新手请教
- 求教!关于window.showModalDialog的关闭问题
- MzTreeView 1.0 问题,如何得到选中的节点。或者如何给节点赋click事件。
当初是看到梅老大指点一个帖子for(x in window)从而受到的启发,这几天就陆续地写出这个东西。当初的基本思想大致实现了。做梦都没想到能得到梅老大的夸奖高兴ing.
就可以了。
http://www.websamba.com/gudai/jstest/getpageobject.html我一时糊涂,呵呵。