js 乱七八糟2

最新推荐文章于 2025-08-08 17:07:36 发布

原创最新推荐文章于 2025-08-08 17:07:36 发布 · 313 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #button #function #vbscript #javascript #table

本文通过一个具体的HTML页面展示了如何使用JavaScript实现丰富的用户交互效果，包括鼠标悬停提示、弹窗显示、表单验证等，适合初学者理解JavaScript的基本用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function ssfd(){
var popups=window.createPopup();
var x=window.event.clientX;
var y=window.event.clientY;
with (popups)
{
document.body.style.backgroundColor="pink";
document.body.style.border="dotted 1px gray";
document.body.innerHTML="sdfsa";
document.body.style.color="white";
//document.write("<table border=1 height=100 width=100 bgcolor=gray><tr><td>dfsg</td></tr><tr><td>dfgdsfg</td></tr><tr><td>dgsdfg</td></tr></table>");
}
popups.show(x,y,100,100,document.body)
}

function myfunction(arg1, arg2){
   var r;
   r = arg1 * arg2;
   return(r);
}

</script>

<body onclick="ssfd()">
<ul id=oList style="cursor:default;">
<li>列表项目1
<li>列表项目2
<li>列表项目3
<li>列表项目4
</ul>
<br>
<div id=oCode>请将鼠标移动到项目列表上。</div>
<input id=i1 type=button value=" 执行脚本 " onclick="execScript('msgbox(now)','VBscript');">
<div id=d1 onclick='df=document.createElement("<input id=x1>");d1.appendChild(df);'>请将鼠标移动到项目列表上。</div>
<select onchange="x1.value=this.options[this.selectedIndex].text">
<option>12</option>
  <option>23</option>
   <option>34</option>
    <option>56</option>
</select>
<script>

function rdl_doAdd(){
var oSelect=document.all("idSelect");
document.open("text/html");
document.writeln("新写入的文本/n");
document.close();
}
</script>
<table height=40 width=90%><tr>
<td nowrap>
<input type=button value=" operation " onclick="window.print()"></td>
</tr></table>
<form action="mailto:xxx@xxx.com?subject=DHTMLET(TM)" encType="text/plain" method="POST" name="oForm" onsubmit="alert('我被提交了');" onreset="alert('我被重置了');">
姓名: <input type=text size=24 name="username" id=oInput>
<br>
<br>
<input type=button value=" 提交 " onclick="document.all('oForm').fireEvent('onsubmit');document.all('oForm').submit();"> 
<input type=button value=" 重置 " onclick="document.all('oForm').reset();"> 
</form>
<input type=text size=24 id=o1 onchange="o3.value=myfunction(this.value, o2.value)">
<input type=text size=24 id=o2 onchange="o3.value=myfunction(this.value, o2.value)">
<input type=text size=24 id=o3>
</body>