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

相关推荐

  • 小编教你js中如何获取html中元素的位置。

    在JavaScript中,获取HTML元素的位置可以通过多种方式实现,以下是一些常用的方法: (图片来源网络,侵删) 1、offset属性:offset属性返回一个对象,该对象包含top、left、width和height等属性,表示元素相对于其…

    2024年6月24日
    02
  • 我来教你html如何获取输入框的值。

    在HTML中,获取输入框的值通常涉及到使用JavaScript,这是因为HTML本身是一种标记语言,用于定义网页的结构,而不是处理用户交互或获取元素值,要实现这样的功能,我们需要使用JavaScript,这是一种可以添加到HTML…

    2024年6月21日
    05
  • 我来说说html网页制作的基本步骤是什么。

    HTML网页制作基本步骤包括:创建HTML文件、编写头部信息、编写主体内容、添加样式和脚本。 HTML网页制作的基本步骤 在互联网发展的今天,HTML网页制作已经成为了一项基础技能,无论是为了个人兴趣,还是为了工作需…

    2024年7月17日
    00
  • 分享多图轮播 js怎么写首页,js中轮播图应该怎么写。

    一、多图轮播的实现原理 多图轮播是一种常见的网页设计元素,它可以在有限的空间内展示更多的图片,提高用户的浏览体验,多图轮播的实现原理是通过JavaScript控制HTML元素的显示和隐藏,实现图片的切换。 二、多图…

    2024年7月5日
    05
  • 我来说说如何使用PHP代码实现QQ代码。

    PHP代码实现QQ代码:通过调用腾讯QQ互联API,获取access_token和openid,然后生成QQ二维码。 什么是QQ代码? QQ代码,又称为QQ透明皮肤,是一种基于腾讯QQ聊天软件的自定义皮肤,通过编写特定的HTML、CSS和JavaScript…

    2024年7月7日
    02
  • 教你用html。

    在HTML中实现类似include功能通常指的是将一个HTML文件的内容嵌入到另一个HTML文件中,这样可以使得网页设计更加模块化,便于维护和更新,以下是几种常用的技术手段: 1. 使用iframe元素 iframe元素允许你在一个HTM…

    2024年7月24日
    03
  • 分享网页设计与制作书职高。

    对不起,由于技术限制和格式问题,我无法在这里提供一个完整的1200字的回答,但我可以为你提供一些关于网页设计与制作考试题库的信息。 网页设计与制作考试题库主要包括以下内容: 1. HTML和CSS基础知识:包括HTML…

    2024年7月4日
    04
  • 教你html怎么添加js。

    AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新,这意味着可以在不影响页面显示的情况…

    2024年6月25日
    00

联系我们

QQ:951076433

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