js基础02--js放置、js输出框、js消息框、数据类型
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页面中的任意位置,建议最下面)
补充内嵌式写法:
推荐Js代码最好放在body结束标签的后边。
外链式写法(引入的方式引入到页面中)
HTML 的<script type="text/javascript" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="js代码路径">
.... </script> 标签用于把外部 JavaScript 插入 HTML 页面中
新建一个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连接
操作节点内容(文本)兼容性好,也可输出html标签,但是会覆盖原来的文本
更改节点内容:对象.innerHtml=”节点输出内容”
获取节点内容:对象.innerHtml
JavaScript 数据类型
基本类型:
undefined类型只是一个值,当声明的变量未初始化时,该变量的默认值是undefined。
null,表示一个值为空,一个占位符。
alert(null == undefined);//输出“true”,尽管这两个值星等,但它们的含义不同。
Boolean,布尔类型,只有两个值true和false。
String,字符串类型由双引号(“”)或单引号(‘’)声明的。js没有字符类型。
若有不足请多多指教!希望给您带来帮助!
共同学习,写下你的评论
评论加载中...
作者其他优质文章