打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
JavaScript

8.1.1 一个最简单的JavaScript脚本

8.1.2 改变背景颜色

8.1.3 显示日期和时间

8.1.4 弹出新窗口

8.1.5 表单和函数

8.1.6 用JavaScript编制在线练习题目


 

 

8.1.1 一个最简单的JavaScript脚本

该脚本运行以后将弹出一个提示窗口。

脚本:


<script language="JavaScript">

alert ("Warning!我是JavaScript初学者!");

</script>


 返回

另外我本人编写了一个程序可以自动生成本节中在线试题的源代码,下载页面在“技术支持”一栏中。

8.1.2 改变背景颜色


<script language="JavaScript">

   var MyColor;

   MyColor=prompt("您最喜欢的颜色是:","");

   switch(MyColor) {

   case "红色":

   document.bgColor="red";

   break;

   case "黄色":

   document.bgColor="yellow";

   break;

   case "灰色":

   document.bgColor="gray";

   break;

   default:

   alert("我不认识这些颜色!");

   }

</script>


返回

8.1.3 显示日期和时间


<script language="LiveScript">

  today = new Date()

  document.write("现在时间是: ",today.getHours(),":",today.getMinutes())

  document.write("<br>今天日期为: ", today.getMonth()+1,"/",today.getDate()

,"/",today.getYear());

</script>


返回

8.1.4 弹出新窗口


    <script language="JavaScript">

window.open("time.htm", "日期");

</script>


返回

8.1.5 表单和函数


<html>

<head>

<script language="LiveScript">

function WinOpen() {

window.open("time.htm", "日期");

}

</script>

</head>

<body>

<form>

<input type="button" name="Button1" value="看看时间" onclick="WinOpen()">

</form>

</body>

</html>


返回

8.1.6 用JavaScript编制在线练习题目


<html>

<head>

<script language="JavaScript">

function cal(theForm) {

var score=0;

if (theForm.R1.value =="c") score++;

if (theForm.R2.value =="b") score++;

if (theForm.R3.value =="a") score++;

if (theForm.R4.value =="b") score++;

if (theForm.R5.value =="c") score++;

alert ("你的得分是:"+score*20+"分");

}

</script>

</head>

<body>

<center>

<h1>英语形成性练习题</h1>

</center>

<form name="myForm">

<p><b>单向选择题,每题20分,共100分</b></p>

You have to ___ your younger brother since mother is not at home. <br>

<input type="radio" name="R1" value="V1" onClick="document.myForm.R1.value='a'"> take care <br>

<input type="radio" name="R1" value="V2" onClick="document.myForm.R1.value='b'"> take after <br>

<input type="radio" name="R1" value="V3" onClick="document.myForm.R1.value='c'"> look after <br>

You have to ___ the registration form in order to use that website. <br>

<input type="radio" name="R2" value="V1" onClick="document.myForm.R2.value='a'"> carry on <br>

<input type="radio" name="R2" value="V2" onClick="document.myForm.R2.value='b'"> fill in <br>

<input type="radio" name="R2" value="V3" onClick="document.myForm.R2.value='c'"> keep up <br>

David, please ___ these books ___ to the libarary. <br>

<input type="radio" name="R3" value="V1" onClick="document.myForm.R3.value='a'"> take / back <br>

<input type="radio" name="R3" value="V2" onClick="document.myForm.R3.value='b'"> take / off <br>

<input type="radio" name="R3" value="V3" onClick="document.myForm.R3.value='c'"> take / out <br>

If it rains, they will have to ___ the picnic. <br>

<input type="radio" name="R4" value="V1" onClick="document.myForm.R4.value='a'"> go through <br>

<input type="radio" name="R4" value="V2" onClick="document.myForm.R4.value='b'"> put off <br>

<input type="radio" name="R4" value="V3" onClick="document.myForm.R4.value='c'"> set off <br>

I like ___ the radio. <br>

<input type="radio" name="R5" value="V1" onClick="document.myForm.R5.value='a'"> listening at <br>

<input type="radio" name="R5" value="V2" onClick="document.myForm.R5.value='b'"> listening for <br>

<input type="radio" name="R5" value="V3" onClick="document.myForm.R5.value='c'"> listening to <br>

<p><input type="button" value="完成" name="B1" onclick="cal(myForm)"></p>

</form>

</body>

</html>

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
php和javascript之间变量的传递实现代码
javascript复习题
JavaScript就这么回事 邪恶八进制信息安全团队官方学术讨论组
前端教程:JavaScript Cookies
javascript判断单选框或复选框是否选中方法集锦
常用的 Javascript 操作汇总 (五)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服