正在玩命加载中 . . .

JavaScript


正则表达式

语法一

var 变量名 = new RegExp("正则表达式","匹配模式");
/*
使用typeof检查正则对象,会返回object。
var 变量名 = new RegExp("a"),用以检查一个字符串中是否含有a;匹配模式有:i,g.
i:忽略大小写;
g:全局匹配模式;
变量名.test():可以检查一个字符串是否符合正则表达式的规则。
*/

语法二

var 变量名 = /正则表达式/匹配模式;
var 变量名 = /a/i;

a|b,[ab]:a或b;

[a-z]:a到z;

[^ ..]:除了..;

{n}:出现n次;

{1,n}:1到n次;

相关方法

match()

  • 根据正则表达式,从一个字符串中将符合条件的提取出来。

  • 默认情况下match方法只会找到第一个符合要求的内容,找到以后就停止检索。可以设置匹配模式为全局模式g

  • match方法将匹配到的内容封装到一个数组中返回。

DOM编程

获取body标签

var body = document.getElementsByTagName("body")[0];
var body = document.body;

获取html标签

var html = document.documentElement;

根据class获取

var box = document.querySelector(".box");
/*
返回一个(多个中的第一个)
*/
var boxes = document.querySelectorAll(".box");
/*
返回把符合条件的封装起来的数组
*/

dom增删改

document.creatElement(TagName);
用于创建一个元素节点对象,需要一个标签名作为参数,根据标签名创建元素节点对象,并返回该对象。
var li = document.creatElement(“li”);

document.creatTextNode(String);
用于创建一个文本节点对象,需要一个文本内容创建文本节点对象,并返回该对象。
var text = document.creatTextNode(“广州”);

父节点.appendChild(子节点);
向一个父节点中添加一个新的子节点。
li.appendChild(text);

使用innerHTML增

var 变量 = document.getElementById("Id名");
变量.innerHTML += "增";

creatElement,appendChild,innerHTML结合

var li = document.creatElement("li");
li.innerHTML = "广州";
父节点.appendChild(li);

操作内联样式(CSS)

通过JS修改元素的样式,语法:

元素.style.样式名 = “样式值”;

PS:

  • 类似background-color需要修改为:backgroundColor(驼峰表示)。
  • 修改为行内样式,权重高于内嵌样式。

表单属性

节点操作

父级节点

BOM编程

location对象

window对象给我们提供一个==location属性==,用于获取或设置窗体的URL,并且可以用于==解析URL==。这个属性返回一个location对象。

URL

统一资源定位符,是互联网标准的地址。包含的信息指出文件的位置以及浏览器怎么处理它。

一般语法格式:

protocol : // host [ : port ] / path / [ ? query ] # fragment


文章作者: LogicVan
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 LogicVan !
评论
  目录