JavaScript学习笔记

JS输出

外部的JS

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

外部 JavaScript 文件的文件扩展名是 .js。

如需使用外部文件,请在

JS显示数据

  • 使用window.alert()弹出警告框
  • 使用document.write()方法将内容写到HTML文档中
  • 使用innerHTML写入到HTML元素
  • 使用console.log()写入到浏览器的控制台

JS语法

JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值JavaScript学习笔记_第1张图片

【注】:当您向变量分配文本值时,应该用双引号或单引号包围这个值。

当您向变量赋的值是数值时,不要使用引号。如果您用引号包围数值,该值会被作为文本来处理。

常见的HTML事件

JavaScript学习笔记_第2张图片

字符串属性

  • constructor: 返回创建字符串属性的函数

  • length:返回字符串的长度

  • prototyep:允许您向对象添加属性和方法

字符串方法

JavaScript学习笔记_第3张图片

JavaScript学习笔记_第4张图片

正则表达式

语法

var patt = /runoob/i

/runoob/是一个正则表达式,runoob是一个正则表达式主体(用于检索),i是一个修饰符(搜索不区分大小写)

使用方法(search,replace)

search() 方法 用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子串的起始位置。

搜索字符串 "runoob", 并显示匹配的起始位置:

replace() 方法 用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

替换 "microsoft" 为 "Runoob" :

Visit Microsoft!

补充:

使用this.innerHTML时代码将修改自身元素内容。

学习代码



    
        
        JV2
    
    
        

点击按钮检测年龄。

年龄:

是否达到投票年龄?



    
        
        JV2
    
    
        

如果时间早于20:00,会获得问候“Good day”。

HTML表单自动验证,如果表单字段为空,required属性会组织表单提交。

你可能感兴趣的:(javascript,学习,前端)