学习JavaScript的第一天

1. JavaScript简介

JavaScript是一种轻量级的脚本语言,可插入HTML标记语言中运行,并且由浏览器执行。简单来说: (X) HTML用来决定网页的结构和内容,CSS用来设定网页的表现样式,JavaScript用来控制网页的行为。

2.JavaScript输出

JavaScript 可以通过不同的方式来输出数据:

window.alert() 				弹出警告框。
document.write() 		方法将内容写到 HTML 文档中。
innerHTML 					写入到 HTML 元素。

实例:
(1.1)window.alert 这个是你在访问这个页面的当时,会直接给你弹窗显示内容,主要是告警的做法多点。在这里插入图片描述
(1.2)alert的弹窗,会给用户一个相应的消息框,并且消息框提供了一个“确定”按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行操作。
在这里插入图片描述
(1.3)确认消息框confirm。使用确认消息框可向用户问一个“是-或-否”问题,并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框:用户必须在响应该对话框(单击一个按钮)将其关闭后,才能进行下一步操作。
通俗的讲,定义一个变量told,通过一个简单的if条件语句,根据你的点击,返回true或者false。在这里呢,如果“单机确认”继续访问,取消就返回退出。并且点击确认过后还会有第二个弹窗。给人一个简单会话的感觉。

在这里插入图片描述
这是点击确认过后的情形。
在这里插入图片描述
(1.4)prompt提示消息弹窗。其中会出现一个文本框让用户输入,并且会有一个“确认”和“取消”的选择。与alert和confirm方式差不多的是都会与用户通过选择的方式去交互。最终去执行对应的结果。
在这里插入图片描述(2)document.write 这个方式来输出数据,最开始感觉就是一个P标签,后面在网上学习,就是这个方式的输入是固定的话,一般是不会使用这个方式的。
在这里插入图片描述一般都是会在一些HTML的标签和一些属性互相使用,从而输出不一样的内容。在这里是和onclike配合使用,当鼠标点击“这是时间…”的时候,就好覆盖前面出现的页面并且出现一个实时时间的页面。当我们返回重新点击的时候,时间也会改变。
在这里插入图片描述(3)document.getElementById(“ws”) 是使用 id 属性来查找 HTML 元素的 JavaScript 代码,从而去执行JS脚本,显示更换的内容。感觉意义不大啊~~(感觉自己有点年轻。。。)
在这里插入图片描述
想把这几个搞懂把,有新的发现我在来写吧。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值