![](https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Javascript学习笔记
一些基础的web前端知识,Javascript等常用的前端知识
无忧乡
男人,最怕一事无成的温柔,最怕一时贪欢忘记了前路漫漫
展开
-
JavaScript常用数组操作方法(补充)
1、concat()concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,仅会返回被连接数组的一个副本。2、join()join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的,默认使用’,'号分割,不改变原数组。3、push()push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。末尾添加,返回的是长度,会改变原数组。...转载 2020-04-03 01:34:22 · 1617 阅读 · 0 评论 -
10.Javacript之子节点的获取
对于如下标签块:<div id = "div1"><em>em文本</em>div<strong>strong文本</strong></div>一、获取包括文本的子节点(用的少)要想获取div块中的子节点标签,JavaScript提供了如下方法:childNodes 访问当前节点下所有的子节点firstC...原创 2020-03-30 15:38:03 · 148 阅读 · 0 评论 -
9.Javascript之获取属性
一、获取属性对于如下标签的属性:<div id = "div1" title = "hello" class = "box" xxx = "yyy"> div文本</div>javascript要想获取可以先获取id,在通过.属性的方式获取属性,如下所示:window.onload = function(){ var oDiv = document.g...原创 2020-03-30 14:21:31 · 273 阅读 · 0 评论 -
8.Javascript之获取样式信息
一、获取样式信息通过.style.xxx的方式只能访问内联的css样式//Css部分<style> #div{background-color :blue} .box{height: 300px; background-color:blue}</style><body> <div id = "div1"></...原创 2020-03-30 13:52:39 · 128 阅读 · 0 评论 -
7.DOM之获取元素节点
DOM获取元素节点主要通过三种方式(想象树形结构):通过标签id获取通过标签class获取通过标签名获取下面准备演示示例:<body> <ul> <li>111</li> <li class = 'box'>111</li> <li class = '...原创 2020-03-29 15:44:06 · 122 阅读 · 0 评论 -
6.Javascript之DOM基础
一、DOM概念DOM(document object model):文档对象模型,从<html>到</html>的所有标签,皆为DOM对象,且html中所有标签符合树形结构:图1这些节点(标签)又可划分为三类:<div id = 'div1' title = 'hello' class = "top" style = 'width = 300px'...原创 2020-03-29 15:41:08 · 72 阅读 · 0 评论 -
5.Javascript之日期对象
一、日期对象声明使用new Date()声明(最常用)没有传入参数,默认为当前系统时间(格林尼治时间,不方便使用)传入参数“2000-01-01”“2000/01/01”按照顺序,分别传入参数 年 月 日 时 分 秒//没有参数传入var d1 = new Date();//参数传入"2000-01-01"var d2 = new Date("2000-01-01...原创 2020-03-27 22:54:14 · 81 阅读 · 0 评论 -
4.Javascript之Math对象
Javascript同Java一样,一切皆对象Math对象常用方法Math.random() //返回0-1之间的随机数Math.max(num1,num2,...) //返回较大值Math.min(num1,num2,...) //返回较小值Math.abs(num) //返回绝对值Math.round(num) //四舍五入成整数(只看小数点后一位)Math.ceil(num) ...原创 2020-03-27 22:51:16 · 54 阅读 · 0 评论 -
3.Javascript函数与对象
一、基本概念函数与方法函数由一系列语句组成,这些语句因为执行特定的任务而被分到同一组。方法的功能与函数一样。只不过方法在对象内部创建对象对象由一些属性和方法组成内置对象浏览器自带的一组对象,类似于Java中的库二、函数声明函数Javascript创建函数与Java类似,主要的不同点有两点Javascript使用function关键字声明函数形参列表无类型...原创 2020-03-27 22:50:13 · 78 阅读 · 0 评论 -
2.Javascript之字符串
一、字符串的声明所有带单引号或者双引号的都叫做字符串通过new运算符去声明字符串(不常用)var str1 = new String(100);//new可省略var str2 = String("hello");字符串常量赋值var str3 = "hello";二、字符串的访问获取字符串中字符的个数语法:字符串.lengthstr3.length;...原创 2020-03-27 22:49:15 · 68 阅读 · 0 评论 -
1.Javascript基础语法规则
一、Javascript的引入在Html中,可以将Javascript引入,引入方式主要有两种通过外部文件引入(常用)将Javascript脚本封装在一个外部js文件中,需要的html只要到导入即可<script src="myScript.js"></script>在html中直接写<!--建议这一段放在</body>之后,这样不会...原创 2020-03-27 15:33:41 · 524 阅读 · 0 评论 -
javascript的异常处理
javascript的异常处理<script> /** * 异常处理机制 * 处理可能会出现异常的代码 * 把可能会出现异常的代码放在try代码块中 * 如果try里面的代码没有异常,catch里面的代码不会执行 * 如果try里面的代码有异常,就会执行catch里面的代码 * 目的:保证程序出现问题后可以继续往...原创 2020-01-09 21:11:15 · 103 阅读 · 0 评论 -
js循环定时器函数
js循环定时器函数 <script> /** * 1s = 1000ms */ //一次性 setTimeout(function(){ alert("定时时间到"); },2000); //循环定时器 setInterval(function(){ var myDate=new Date(); va...原创 2020-01-09 21:06:46 · 4266 阅读 · 0 评论