js 乱七八糟

最新推荐文章于 2025-08-07 21:48:39 发布

share4318

最新推荐文章于 2025-08-07 21:48:39 发布

阅读量381

点赞数

CC 4.0 BY-SA版权

文章标签： button input function null border javascript

本文链接：https://blog.youkuaiyun.com/share4318/article/details/1371063

<html>
<head>
<script language="javascript">
function sq(x,y,z)
{
if (isNaN(x)|isNaN(y))
{return "你输入的不是数字！";}
switch (z)
{ case "+":
  return eval(x)+eval(y);
  break;
   case "-":
  return eval(x)-eval(y);
  break;
   case "*":
  return eval(x)*eval(y);
  break;
   case "/":
  return eval(x)/eval(y);
  break;
   case "^":
  return eval(x)^eval(y);
  break;
  default:
  return "请选择操作符";
  break;
  }
}

function boldt()
{
var txts1=prompt("字体加粗","");
if (txts1!=null){
te1.value+="<B>"+txts1+"</B>";
te1.clear;
te1.focus();
}
}

function boldu()
{
var txts1=prompt("加下划线","");
if (txts1!=null){
te1.value+="<U>"+txts1+"</U>";
te1.clear;
te1.focus();
}
}

function boldi()
{
var txts1=prompt("斜体","");
if (txts1!=null){
te1.value+="<I>"+txts1+"</I>";
te1.clear;
te1.focus();
}
}

function boldc()
{
var txts1=prompt("字体颜色","");
if (txts1!=null){
te1.value+="<font color="+ss1.value+">"+txts1+"</font>";
te1.clear;
te1.focus();
}
}

function boldbr()
{
te1.value+="<BR />";
te1.clear;
te1.focus();
}

function boldp()
{
var txts1=prompt("段落","");
if (txts1!=null){
te1.value+="<P>"+txts1+"</P>";
te1.clear;
te1.focus();
}
}

function boldhr()
{
te1.value+="<HR />";
te1.clear;
te1.focus();
}

function showR()
{
var fso = new ActiveXObject("Scripting.FileSystemObject");
var a = fso.CreateTextFile("testfile.htm", true);
a.WriteLine(te1.value);
a.Close();
window.open ("testfile.htm","preview","width=800,height=600,scrollbars=yes");
}

</script>
<style>
body,table{font-size:14px}
input {font-family:arial}
</style>
</head>
<body>
<input type=text id=t1 onchange=t3.value=sq(this.value,t2.value,s1.value)>
<select id=s1 onchange=this.value=this.options[this.selectedIndex].value;t3.value=sq(t1.value,t2.value,this.value)>
<option selected>choice</option>
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
<option value="^">^</option>
</select>
<input type=text id=t2 onchange=t3.value=sq(t1.value,this.value,s1.value)> =
<input type=text id=t3>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td colspan="2"><input type=button style="font-weight:bold;background-color:#olive;border:solid 1px green" onclick=boldt() value="B" />
      <input type=button style="text-decoration : underline;background-color:#olive;border:solid 1px green" onclick=boldu() value="U" />
      <input type=button style="font-style: italic;background-color:#olive;border:solid 1px green" onclick=boldi() value="I" />
    <select id=ss1 style="border-bottom-style:solid 1px green" onChange="this.value=this.options[this.selectedIndex].value;boldc()">
   <option selected>选择颜色</option>
   <option value="red" style="color:red">红色</option>
   <option value="black" style="color:black">黑色</option>
   <option value="silver" style="color:silver">银色</option>
   <option value="gray" style="color:gray">灰色</option>
   <option value="white" style="color:white">白色</option>
   <option value="maroon" style="color:maroon">栗色</option>
   <option value="black" style="color:purple">紫色</option>
   <option value="purple" style="color:fushsia">粉红色</option>
   <option value="green" style="color:green">绿色</option>
   <option value="lime" style="color:lime">橙色</option>
   <option value="olive" style="color:olive">橄榄色</option>
   <option value="yellow" style="color:yellow">黄色</option>
   <option value="navy" style="color:navy">深蓝色</option>
   <option value="blue" style="color:blue">蓝色</option>
   <option value="teal" style="color:teal">墨绿色</option>
   <option value="aqua" style="color:aqua">浅绿色</option>
   </select>
   <input type=button style="background-color:#olive;border:solid 1px green" onclick=boldp() value="p" />
   <input type=button style="background-color:#olive;border:solid 1px green" onclick=boldhr() value="hr" />
      <input type=button style="background-color:#olive;border:solid 1px green" onclick=boldbr() value="br" />

</td></tr>
    <tr>
    <td width="30%" align=center>代码区</td>
    <td width="70%" align=center>预览区（不能显示js脚本，请点打开新窗口查看）</td>
</tr>
<tr>
    <td width="30%"><textarea name="textarea" cols=54 rows=30 id=te1 style="font-family:arial"></textarea></td>
    <td width="70%" align="left" valign="top">
<div id="show1" style="overflow:auto;height:490px;width:100%;border:dashed 1px gray; ">
</div>

</td>
</tr>
<tr>
    <td colspan="2">
<input type=button style="background-color:#olive;border:solid 1px green" onClick="show1.innerHTML=te1.value" value="预览" />
<input type=button style="background-color:#olive;border:solid 1px green" onClick="te1.select();" value="全选" />
<input type=button style="background-color:#olive;border:solid 1px green" onClick="document.selection.empty();" value="取消选择" />
  <input type=button style="background-color:#olive;border:solid 1px green" onClick="document.selection.clear();" value="清除选择内容" />
<input type=button style="background-color:#olive;border:solid 1px green" onClick="showR();" value="在新窗口中打开" /></td>
</tr>
</table>
<p><br>
</p>
</body>
</html>