在地址栏运行js命令，既不弹出提示也不显示函数返回值的方式

javascript:(function(){document.getElementById("KeyWord").value="xx333xx"})();

在地址栏运行js命令，改变页面元素的值：

实例如下：

有一页面：index.html

代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Insert title here</title>
<script type="text/javascript">
function test()
{
    var e=document.getElementsByTagName('input');
    var value="";
    for(var i=0;i<e.length;i++)
    {
        value+=e[i].value+"\r\n";
    }
    alert(value);

}
</script>
</head>
<body>
  <label><input type="checkbox" id="registerclause1" name="registerclause" value="001"> 选我001</label>
   <label><input type="checkbox" id="registerclause2" name="registerclause" value="002"> 选002</label>
   <br/><br/>
   <button onclick="test();">测试一下</button>
</body>
</html>

运行效果如下：

再在地址栏中输入如下值（替换先前前的“http://localhost:8080/01phpstudy/index.php”），然后按回车键：

javascript:(
function()
{

   var e=document.getElementsByTagName('input');

    for(var i=0;i<e.length;i++)
    {
        e[i].value="456789";
        e[i].checked="true";
    }

}

)();

点 “测试一下”按钮，效果图如下：

===================================================

升级一下，让js代码动态生成n个复选框：

代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Insert title here</title>
<script type="text/javascript">
function test()
{
    var e=document.getElementsByTagName('input');
    var value="";
    for(var i=0;i<e.length;i++)
    {
        value+=e[i].value+"\r\n";
    }
    alert(value);

}
</script>
</head>
<body>
<form>
  <label><input type="checkbox" id="registerclause1" name="registerclause" value="001"> 选我001</label>
   <label><input type="checkbox" id="registerclause2" name="registerclause" value="002"> 选002</label>
   <br/><br/>
   <button onClick="test();">测试一下</button>
</form>
</body>
</html>

代码

javascript:(
function()
{
   //
    for(var i=0;i<1000;i++)
   {
     var Obj=document.createElement("input");
     Obj.setAttribute("type","checkbox");
     Obj.setAttribute("value","456789");
     Obj.setAttribute("checked","true");
     document.getElementsByTagName('form')[0].appendChild(Obj);
   }
   //
   var e=document.getElementsByTagName('input');

    for(var i=0;i<e.length;i++)
    {
        e[i].value="456789";
        e[i].checked="true";
    }

}

)();

posted on 2010-05-01 19:28 小炒花生米阅读(3261) 评论(0) 编辑收藏举报

刷新页面返回顶部

在地址栏运行js命令，既不弹出提示也不显示函数返回值的方式

公告