为了账号安全,请及时绑定邮箱和手机立即绑定

js基础02--js放置、js输出框、js消息框、数据类型

标签:
JavaScript

JavaScript 可以将动态的文本放入 HTML 页面:

    类似于这样的一段 JavaScript 声明可以将一段可变的文本放入 HTML 页面:document.write("<h1>" + name + "</h1>")

  • JavaScript 可以对事件作出响应:

  • 可以将 JavaScript 设置为当某事件发生时才会被执行,例如页面载入完成或者当用户点击某个 HTML 元素时。

  • JavaScript 可以读写 HTML 元素:

  • JavaScript 可以读取及改变 HTML 元素的内容。

  • JavaScript 可被用来验证数据:

  • 在数据被提交到服务器之前,JavaScript 可被用来验证这些数据。

  • JavaScript 可被用来检测访问者的浏览器:

  • JavaScript 可被用来检测访问者的浏览器,并根据所检测到的浏览器,为这个浏览器载入相应的页面。

  • JavaScript 可被用来创建 cookies:

  • JavaScript 可被用来存储和取回位于访问者的计算机中的信息。

JavaScript的注册部分

              ECMAScript:它是JavaScript的核心,包含(基本语法、变量、关键字、保留字、数据类型、语句、函数等等)

              DOM:文档对象模型,包含(整个html页面的内容)

              BOM:浏览器对象模型,包含(整个浏览器相关的内容)

JavaScript的实现

内嵌式写法(可嵌在html页面中的任意位置,建议最下面)

https://img1.sycdn.imooc.com//5b5ec32400012b3304510176.jpg

补充内嵌式写法:

推荐Js代码最好放在body结束标签的后边。

外链式写法(引入的方式引入到页面中)

HTML 的<script type="text/javascript" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="js代码路径">.... </script> 标签用于把外部 JavaScript 插入 HTML 页面中

https://img1.sycdn.imooc.com//5b5ec35700019f3106790043.jpg

新建一个js文件

通过script标签里的src=”1.js”属性将JS文件调入到当前页面。
补充外链式写法:

    推荐将多个js文件合并为一个js文件在浏览器中执行。

JavaScript语句的放置

1.位于 head 部分的脚本()

2.位于 body 部分的脚本(建议放在body之后)

3.外部 JavaScript(创建.js文件),需要通过下面的方式引入:<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="xxx.js">....</script>

    注意:外部文件不能包含 <script> 标签。

通常要在每行语句的结尾加上一个分号。

<script type="text/javascript">

    window. = function () {

      //此处为JavaScript代码

    }

</script>

JavaScript 注释(与java类似)

单行的注释以 // 开始。

多行注释以 /* 开头,以 */ 结尾。

JavaScript的消息框(以弹出窗口的形式显示)

1.alert("文本")   警告框

警告框经常用于确保用户可以得到某些信息。

当警告框出现后,用户需要点击确定按钮才能继续进行操作。

2.confirm("文本")  确认框

确认框用于使用户可以验证或者接受某些信息。

当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。

3.prompt("文本","默认值") 提示框

提示框经常用于提示用户在进入页面前输入某个值。

当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。

4.window.open("打开html页面的路径","新窗口中打开_blank");新窗口中打开页面

5.window.close();关闭窗口

JavaScript 的网页输出

1.alert("文本")   警告框

2.document.write("文本") 直接向浏览器中写入内容(不仅可以输出内容,还可以输出html标签。)

3.document.getElementById(id).innerHTML="文本"  向页面指定位置写入内容

4.console.log() 在控制要打印出内容(typeof()/typeof    打印数据类型)

value和innerHTML和innerText和textContent

    1.老版本的火狐不支持innerText;IE678不支持textContent

    2.p不能嵌套p。h1不能嵌套h1。a连接内部不能嵌套a连接

https://img1.sycdn.imooc.com//5b5ec3d800014e2a07180153.jpg

https://img1.sycdn.imooc.com//5b5ec3f10001343108750266.jpg

操作节点内容(文本)兼容性好,也可输出html标签,但是会覆盖原来的文本

更改节点内容:对象.innerHtml=”节点输出内容”

获取节点内容:对象.innerHtml

JavaScript 数据类型

基本类型:

  1. undefined类型只是一个值,当声明的变量未初始化时,该变量的默认值是undefined。

  2. null,表示一个值为空,一个占位符。

  3. alert(null == undefined);//输出“true”,尽管这两个值星等,但它们的含义不同。

  4. Boolean,布尔类型,只有两个值true和false。

  5. String,字符串类型由双引号(“”)或单引号(‘’)声明的。js没有字符类型。

https://img1.sycdn.imooc.com//5b5ec59c00016f7505950092.jpg



若有不足请多多指教!希望给您带来帮助!

点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消