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

为什么要学习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>

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/3012.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚的头像重蔚管理团队
上一篇 2017年10月25日 08:13
下一篇 2017年10月26日 08:56

相关推荐

  • 我来说说html如何调用webservice接口。

    HTML本身并不能直接调用WebService接口,因为HTML是一种标记语言,它的主要功能是构建网页的结构和内容展示,要调用WebService接口,通常需要使用JavaScript或者服务器端的语言如PHP、Python等。 (图片来源网络,…

    2024年6月21日
    00
  • 我来分享如何添加html的事件。

    在HTML中添加事件主要可以通过HTML元素属性、JavaScript DOM操作以及W3C标准监听方式和IE专属模式这三种方法,以下是关于这三种方法的详细解释: (图片来源网络,侵删) 1. HTML元素属性 这种方法是最直接和简单的…

    2024年6月25日
    00
  • 今日分享html怎么让图片左右移动。

    要在HTML中实现图片的左右滑动,通常可以通过以下几种方式: (图片来源网络,侵删) 1、使用CSS动画和@keyframes规则。 2、使用JavaScript或jQuery库。 3、利用HTML5的<canvas>元素和绘图API。 4、使用第三…

    2024年6月23日
    03
  • 我的php学习第十三天之javascript篇

    昨日回顾 对象:对象是一组属性和方法的集合。 属性就是特征,比如一个人有:身高、体重、年龄、姓名等。 方法:就是为了完成一项功能,而定义的函数。 方法就是函数,但方法是用在对象中的,用在对象中的函数,就…

    2015年11月30日
    0394
  • 通过js实现复选框操作教程(附代码)

    复选框操作 获取同名元素,返回该元素的数组 document.getElementsByName(“name”); 实现效果如下 示例源码: 无标题文档 全选/全不选 1 2 3 4

    2018年4月2日
    0421
  • 关于dw制作简单网站,dw怎么制作简单的日历。

    在制作简单的日历时,我们可以使用Dreamweaver(DW)这款强大的网页设计工具,以下是使用DW制作简单日历的步骤: 1. 打开Dreamweaver,创建一个新的HTML文件,点击菜单栏的“文件”>“新建”,然后选择“空白页”,在…

    2024年6月29日
    03
  • 聊聊html5怎么读。

    HTML5是一种用于构建和呈现网页的标准标记语言,它提供了许多新的功能和元素,使得开发者能够更轻松地创建现代化、交互式的网站,在本文中,我们将介绍如何使用HTML5来编写网页。 我们需要了解HTML5的基本结构,一…

    2024年6月28日
    02
  • 小编分享javaapplet程序。

    Java Applet程序是一种基于Java语言的动态网页插件,可以在浏览器中运行并与用户交互。 JavaApplet及其应用 JavaApplet是一种基于Java语言编写的小型应用程序,它可以在浏览器中运行,JavaApplet的主要特点是可以在…

    2024年7月14日
    01

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息