8.10.2019

1.JavaScript能改变HTML内容、属性、样式,能隐藏或显示HTML元素。

2.JavaScript函数可以任意数量被放置在<body>、<head>部分中,但必须位于<script>与</script>标签之间。

3.脚本可放置于后缀为.js的外部文件中,格式如下:

function myFunction() {

document.getElementById("demo").innerHTML = "段落被更改。";

}

如需使用外部脚本,在<script>标签的src属性中设置脚本的名称。

使用外部脚本的优势:分离了 HTML 和代码;使 HTML 和 JavaScript 更易于阅读和维护;已缓存的 JavaScript 文件可加速页面加载。

4.JavaScript不提供任何内建的打印或显示函数,以其他方式“显示数据”:

使用 window.alert() 写入警告框

使用 document.write() 写入 HTML 输出

使用 innerHTML 写入 HTML 元素

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

5. 在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML 。

6.关键词debugger:停止执行 JavaScript,并调用调试函数(如果可用)。

7. 关键词var:声明变量。

8. 在 JavaScript 中,标识符首字符必须是字母、下划线(-)或美元符号($)。所有标识符对大小写敏感。

9.重复声明一个变量,如果第二次声明未赋值,则该变量的值不变。

10.HTML元素通过JavaScript代码添加事件处理程序。

<button onclick='document.getElementById("demo").innerHTML=Date()'>现在的时间是?</button>

11.“===”要求两边类型和值均相等。

12.indexOf()方法返回字符串中指定文本首次出现的索引(位置),lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引。

13.delete关键词从对象中删除属性,会同时删除值与属性本身。删除完成后,属性在被添加回来前无法被使用。

注意:delete不应被用于预定义的JavaScript对象属性,否则会使应用程序崩溃。

14. Object.defineProperty() 方法也可用于添加 Get和 Set函数。

15. 使用对象字面量 {} 代替 new Object();使用字符串字面量 "" 代替 new String();请使用数值字面量代替 Number();请使用布尔字面量代替 new Boolean();请使用数组字面量 [] 代替 new Array();请使用模式字面量代替 new RexExp();请使用函数表达式 () {} 代替 new Function()。

16.原型继承:所有 JavaScript 对象都从原型继承属性和方法。

日期对象继承自 Date.prototype。数组对象继承自 Array.prototype。Person 对象继承自 Person.prototype。

Object.prototype 位于原型继承链的顶端:日期对象、数组对象和 Person 对象都继承自 Object.prototype。

17. JavaScript prototype 属性可以为对象构造器添加新属性与新方法,但绝不要用此方法去修改JavaScript对象的原型。

JavaScript每日学习日记(0)的更多相关文章

  1. JavaScript每日学习日记(2)

    8.13.2019 1. 正则表达式常见字符串方法: search( ) , replace( ) var str = "Visit Website"; var n = str.s ...

  2. JavaScript每日学习日记(1)

    8.11.2019 1. lastIndexOf() 方法从尾到头进行检索. 2. 有三种提取部分字符串的方法: 2.1 slice(start, end)  如果某个参数为负,则从字符串的结尾开始计 ...

  3. 【Head First Javascript】学习笔记0——自己制作chm参考手册素材

    变量声明:var 常量声明:const 数据格式转换: 1.转换函数 parseInt(A):把字符串A转换成整数:其中A为只包含数字的字符串 parseFloat(A):把字符串A转换成浮点数:其中 ...

  4. Axiom3D学习日记 0.Axiom基础知识

    Axiom 3D Engine An open-source, cross-platform, managed 3D rendering engine for DirectX, XNA and Ope ...

  5. ArcGIS API for JavaScript 4.2学习笔记[0] AJS4.2概述、新特性、未来产品线计划与AJS笔记目录

    放着好好的成熟的AJS 3.19不学,为什么要去碰乳臭未干的AJS 4.2? 4.2全线基础学习请点击[直达] 4.3及更高版本的补充学习请关注我的博客. ArcGIS API for JavaScr ...

  6. JavaScript学习笔记[0]

    JavaScript学习笔记[0] 使用的是廖雪峰JavaScript教程. 数据类型 Number 表示数字,不区分浮点整形. === 比较时不转化数据类型. == 反之. NaN与任何值都不想等, ...

  7. 前端学习日记之HTML、CSS 简单总结

    前端学习日记之HTML.CSS 简单总结 标签(空格分隔): html css 前端学习日记 html超文本标记语言 一. h标题标签 h1-h7 <!DOCTYPE html> < ...

  8. 初步总结javascript中学习DOM之前的知识

    嘿嘿,又到了周末时间,周六其实就是总结这周的学习的,记得周二周三刚开始接触javascript时间,还是不知道怎么学习的,就感觉找不到方向,那时间学习的只是总结了一些简单的定义或者是学习结构,今天就把 ...

  9. Linux学习日记-使用EF6 Code First(四)

    一.在linux上使用EF 开发环境 VS2013+mono 3.10.0 +EF 6.1.0 先检测一下EF是不是6的 如果不是  请参阅 Linux学习日记-EF6的安装升级(三) 由于我的数据库 ...

随机推荐

  1. IO流框架

    目录 IO流框架总结 字节流 字符流 IO流框架总结 普通IO / NIO 字节流 字节流是万能流,但是在处理字符方面有时候不太方便,一般用来处理二进制文件 字节输入流 InputStream int ...

  2. cesium入门示例-3dTiles加载

    数据转换工具采用cesiumlab1.5.17版本,转换后的3dTiles加载显示比较简单,通过Cesium.Cesium3DTileset接口指定url即可,3dTiles文件可与js前端代码放置一 ...

  3. JAVA 截图+tess4j识别

    我们先来看看要识别的图片和效果图 效果图: 图片识别需要用到tess4j这个包,下面是下载地址: https://share.weiyun.com/5Hjv13T 我们拿到包以后解压出来,随便你放到哪 ...

  4. Selenium2自动化——初体验

    一.Windows下的环境搭建 1.安装Python 访问Python官网:https://www.python.org/ 2.安装setuptools与pip setuptools是Python e ...

  5. MongoDB启动.mongorc.js报错解决方法

    在bin目录下输入./mongo --norc 不去加载.mongorc.js

  6. Python-rediscluster客户端

    # -*- coding: UTF-8 -*- import redis import sys from rediscluster import StrictRedisCluster #host = ...

  7. 提权篇之简单介绍和exp利用过程

    正文开始.... 提权的方法有很多种,因为一开始我入门的时候是看的小迪的网络教程,当然也推荐大家去看小迪的教程,或者直接小迪的实地培训班.这个可没什么利益关系,我认识他,他可不认识我,,但是我是在网上 ...

  8. 树莓派3B安装OpenWrt打造超级路由器

    网上有很多树莓派安装OpenWrt的教程,我这里写一下个人安装体验以及踩过的坑

  9. cvc-complex-type.2.4.c: The matching wildcard is strict, but no declaration can be found for element 'mvc:resources'.

    新的错误出现  spring-mvc.xml文件 <mvc:resources mapping="/static/**" location="/static/&qu ...

  10. 它的JS与HTML标签是分离的吗

    一个单的利用JS切换图片的功能写法1: <section> <h2>JS切换图片</h2> <ul class="pictable"> ...