JS 知识点笔记本

innerHTML的用法

innerHTML在JS是双向功能:获取对象的内容  或  向对象插入内容;

如:

用div写的一个块,块中有内容为“这是内容” 且id为aa

我们可以通过  document.getElementById('aa').innerHTML来获取id为aa的对象的内嵌内容;

也可以对某对象插入内容,如  document.getElementById('abc').innerHTML='这是被插入的内容';  这样就能向id为abc的对象插入内容。

也可以alert出表格中内容例如下面的图片

innerHTNLalert表格中的内容

2.JavaScript 语句标识符

3.实现电灯的开关

从中学会了if else的函数的用法,还有也接触到match 的用法。


4.实现一些简单的正则表达式的运用


画红框的部分还不是很理解,但是一个正则

5.js输出

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

使用window.alert()弹出警告框。

使用document.write()方法将内容写到 HTML 文档中。

使用innerHTML写入到 HTML 元素。

使用console.log()写入到浏览器的控制台。

注意点:使用 document.write() 仅仅向文档输出写内容。

如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 7,744评论 0 8
  • 一、概述 document节点是整个文档树的顶层节点,每张网页都有自己的document节点。window.doc...
    周花花啊阅读 5,157评论 0 1
  • 作者:腐草为滢 一 我妈打电话给我的时候,我正挤上北京的公交车回学校,...
    腐草为滢阅读 3,803评论 18 25
  • 安装CocoaPods 如果安装忽略以下步骤查询资源出处gem sources -l替换镜像服务器gem sour...
    NULLS阅读 3,196评论 0 0
  • 话梅柠檬白芸豆脑图篇 准备材料:白芸豆1斤,话梅1包,柠檬一颗。 “话梅”选择:左边为同享的九制话梅,右边为随意品...
    小剑人阅读 4,834评论 3 5