FavoriteLoading
0

为什么要学习JS及输出方法

网站解析原理

无论任何高级编程语言,比如PHP,最终都会调用环境解析成HTML+CSS+JS。换个意思来说:浏览器只能识别HTML+CSS+JS!!

 

JS的简介及作用

JavaScript,Java小脚本,简称JS,是微软公司开发的轻量级运行在客户端的一种编程语言,作用是在网页中对用户输入的数据进行客户端验证实现特效,减轻服务器的负担,改善用户的体验等。

 

JS输出方法

第一个JS程序,实现几种输出。理论上JS代码可以以<script>/* JS代码 */</script>嵌入到HTML标签的任何位置。一般放到</body>结束符之后

 

  • write();
  • alert(); //以模态的方式弹出一个对话框。模态:弹出的对话框永远处于最顶层,并且不关闭无法对网页执行任何操作,并且后面的代码不会执行。
  • prompt();//弹出一个模态对话框,给出提示,用户点击确定返回输入的结果,点击取消返回null。第一个参数为提示信息,第二参数为默认值(可以省略)。
  • confirm();//模态弹出对话框,提示用户是点击确定还是取消按钮,用户点击确定返回true,点击取消返回false。
</body>

<script language="javascript" type="text/javascript">

document.write("重蔚自留地");

//alert('哈哈呵呵');

/*

var result=prompt("请输入数值:","b");

//var result=2;//建议第一次定义变量时加var,第二次不得定义同名变量。

document.write(result);

*/

var result1=confirm("亲,确定要删除吗?");

document.write(result1);

</script>

TIPS: . 英语单词 of ,....的。

 

作业:

页面打开弹出10个对话框,提示用户,点击到最后一次显示宝箱图片,点击打开重蔚自留地

<script language="javascript" type="text/javascript">

var arr=new Array("点击有惊喜","小手一抖,大奖溜走","离终极大奖只差一步","哈哈,继续","历经千辛万苦,给你个宝箱吧");

for(var i=0;i<arr.length;i++){

alert(arr[i]);

if(i==arr.length-1)

document.write(;<img src='baoxiang.jpg'></a>");

}

</script>
欢迎分享本文,转载请保留出处!—重蔚自留地 站长邮箱:951076433@qq.com