同学，你好！在学习了如何进行类型转换、字符串数字和布尔、数组转化成字符串数字布尔、运算符的优先级等内容后，现在你来小试牛刀，检验一下自己的学习成果吧！看看你是否已将知识消化吸收。以下4个任务请你根据自己的能力等级任选1个，完成后运行一下，如果达成预定的效果，请将代码复制到word文档中，将运行的结果截图粘贴到word文档中，将word文档作为附件提交上来。你也可以完成多个任务，提交多个成果哦！看看谁的任务完成得最好哦！提交成果后，请一定记得到问答栏目老师的学习活动主题帖下回帖参与学习活动哈，无论是提交成果还是回帖都会计入你的平时成绩哦。 | 任务一：代码初体验，如何写入JS代码（基础）。 请在第6行，输入<script type="text/javascript"> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>插入js代码</title> document.write("开启JS之旅!"); </head> <body> </body> </html> | 任务二：代码初体验，如何输出内容（基础）。 1.第9行，使用document.write输出mychar变量的内容,同时输出一个换行符。 2.第10行，使用document.write一条语句,通过变量mystr,mychar,"的忠实粉丝!"，输出完整的一句"我是JavaScript的忠实粉丝!"。 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>document.write</title> <script type="text/javascript"> var mystr = "我是"; var mychar = "JavaScript"; </script> </head> <body> </body> </html> | 任务三：代码初体验，如何警告（alert 消息对话框）（基础）。 在第9行补充代码,使用alert，通过消息框输出变量mychar内容，点击按钮后弹出该对话框。 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>alert</title> <script type="text/javascript"> function rec() { var mychar = "I love JavaScript";
} </script> </head> <body> <input name="button" type="button" value="点击我，弹出对话框" /> </body> </html> | 任务四：代码初体验，通过ID获取元素（提高）。 补充第10行代码，通过document.getElementById获取id为con的p标签。 第11行为输出获取的元素，看看结果是什么。<!DOCTYPE HTML> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>document.getElementById</title> </head> <body> <p id="con">JavaScript</p> <script type="text/javascript"> var mychar = ; document.write("结果:" + mychar); //输出获取的P标签。 </script> </body> </html> |
|
| 
