JS-JavaScript学习笔记(一)

javaScript

1.文档的输出:document.write() 可输出字符,表达式,html标签。函数

2.不论什么类型和字符串相加,都会被转换成字符串类型。
比如:var i=5; var j="5"; var k=i+j; 结果:k=55

3.运算符优先级(由高到低)
算术操作符->比較操作符->逻辑操作符->"="赋值操作符 ,假设同级的运算按从左到右次序进行,多层括号由里向外

4.事件:
onclick鼠标点击,
onmouseover鼠标经过,
onmouseout鼠标离开,
onfocus获得焦点,
onblur失去焦点,
onselect选中,
onchange文本框发生改变,
onload载入,
onunload卸载
5.内置对象

Date日期对象。
get/setTime();时间
get/setDate();日期
getDay();星期
String字符串对象,
charAt(index);获得指定位置的字符;
indexOf(substring,startPos);返回指定字符串首次出现的位置;
split(separator,limit);字符串切割成字符数组
substring(startPos,endPos);提取字符串中介于两个下标间的字符串
subsrt(startPos,length);提取字符串中从startPos位置開始指定数目的字符串

Math对象。
ceil(x);向上取整
floor(x);向下取整
round(x);四舍五入
random();随机数

Array数组对象,
concat(array1.....arrayN);数组连接
join(分隔符);指定分隔符连接数组元素
reverse();颠倒数组元素顺序
slice(start,end);从已有数组中返回指定元素
sort(方法函数);使数组按一定顺序排序
样例:
<script type="text/javascript">
 function sortNum(a,b) {
 return a - b;
//升序。如降序,把“a - b”该成“b - a”
}
var myarr = new Array("80","16","50","6","100","1");
 document.write(myarr + "<br>");
 document.write(myarr.sort(sortNum));
</script>

6.浏览器对象

**BOM浏览器对象模型(Browser Object Model)

(1).window对象

(2).javascript计时器
a.计时器var i=setInterval(代码。交互时间);在运行时,从加载页面后每隔指定的时间运行代码。

b.取消计时clearIntercal(i);
c.计时器setTimeout(代码。延迟时间),在加载后延迟指定时间后,去运行一次表达式,仅运行一次。

d.取消计时器clearTimeout(由 setTimeout() 返回的 ID 值)

(3).History对象 --history对象记录了用户以前浏览过的页面(URL)。并能够实现浏览器前进与后退相似导航的功能。

a.window.history.[属性|方法]
b. 属性length 。返回浏览器历史列表中URL的数量

c. 方法:back() ,载入History列表中的前一个URL ,相当于go(-1) ; forward() 载入History列表中下一个URL ,相当于go(1) ; go(number-要訪问的URL在列表中的相对位置) 载入History列表中指定的页面

(4).Location对象  --location用于获取或设置窗口的URL,而且能够用于解析URL。

(5).Navigator对象 --Navigator 对象包括有关浏览器的信息。通经常使用于检測浏览器与操作系统的版本号。

(6).screen对象 --screen对象用于获取用户的屏幕信息。

7.DOM (Document Object Model)文档对象模型  --定义訪问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。

(1).getAttribute(name)方法   -通过元素节点的属性名称获取属性的值。
语法:
elementNode.getAttribute(name)
说明:
1. elementNode:使用getElementById()、getElementsByTagName()等方法,获取到的元素节点。

2. name:要想查询的元素节点的属性名字
(2).setAttribute()方法  -添加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。
语法:
elementNode.setAttribute(name,value)
说明:
1.name: 要设置的属性名。
2.value: 要设置的属性值。
注意:
1.把指定的属性设置为指定的值。假设不存在具有指定名称的属性,该方法将创建一个新属性。
2.类似于getAttribute()方法。setAttribute()方法仅仅能通过元素节点对象调用的函数。
(3)浏览器窗体可视区域大小
在不同浏览器都有用的 JavaScript 方案:
var w= document.documentElement.clientWidth
     || document.body.clientWidth;
var h= document.documentElement.clientHeight
     || document.body.clientHeight;
(4)网页尺寸scrollHeight
浏览器兼容性
var w=document.documentElement.scrollWidth
  || document.body.scrollWidth;
var h=document.documentElement.scrollHeight
  || document.body.scrollHeight;
注意:区分大写和小写
scrollHeight和scrollWidth还可获取Dom元素中内容实际占用的高度和宽度。

(5)网页尺寸offsetHeight
offsetHeight = clientHeight + 滚动栏 + 边框。
浏览器兼容性
var w= document.documentElement.offsetWidth
   || document.body.offsetWidth;
var h= document.documentElement.offsetHeight

|| document.body.offsetHeight;

參考站点:http://www.imooc.com/learn/10

学习站点:http://www.dreamdu.com/javascript/core/

转载于:https://www.cnblogs.com/yxs1530/p/10199096.html

JS-JavaScript学习笔记(一)相关推荐

  1. 【JavaScript学习笔记2】JS中常见的输出方式-控制台输出信息

    引言 在编程开发的过程中,输出信息是非常必要的.JS中提供了四种输出方式:弹出显示框.控制台输出.弹出输入框.弹出判断显示框 弹出显示框 这种方式在上一篇笔记中已经详细介绍,有需要学习的朋友可以跳转到 ...

  2. js/jquery学习笔记

    javascript简介 JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言. 不同于服务器端脚本语言,例如PHP与ASP,JavaScript是客户端脚本语言,也就是说Ja ...

  3. JavaScript学习笔记(五)

    JavaScript学习笔记(五) ①Array类 本地对象 ②Date类 ①Global对象 对象的类型   内置对象 ②Math对象 宿主对象 今天继续学习JS中的对象,昨天内置对象Global对 ...

  4. 前端获取div里面的标签_web前端教程JavaScript学习笔记DOM

    web前端教程JavaScript学习笔记 DOM一DOM(Document Object Model): 文档对象模型 其实就是操作 html 中的标签的一些能力 我们可以操作哪些内容 获取一个元素 ...

  5. JavaScript学习笔记04【高级——DOM和事件的简单学习、BOM对象】

    w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...

  6. JavaScript学习笔记02【基础——对象(Function、Array、Date、Math)】

    w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...

  7. JavaScript学习笔记01【基础——简介、基础语法、运算符、特殊语法、流程控制语句】

    w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...

  8. JavaScript --- [学习笔记] 原型模式

    说明 接JavaScript - > [学习笔记]观察者模式 & 理解对象 & 工厂模式 & 构造函数模式 上一篇构造函数模式创建的实例,不同实例的同一个方法是不相等的, ...

  9. JavaScript:学习笔记(9)——Promise对象

    JavaScript:学习笔记(9)--Promise对象 引入Promise Primose是异步编程的一种解决方案,比传统的解决方案回调函数和事件更加合理和强大.如下面为基于回调函数的Ajax操作 ...

  10. JavaScript学习笔记之DOM篇,带你全面了解什么是DOM

    DOM在前面的JavaScript学习笔记(一)–JS基础里简单提到过,它是浏览器厂商提供的用来控制html / css 的代码的文档对象模型,是JavaScript的重要组成部分,现在带大家详细了解 ...

最新文章

  1. ubuntu之路——day8.1 深度学习优化算法之mini-batch梯度下降法
  2. mysql字符串函数混合使用_MySql字符串函数使用技巧
  3. xampp打开mysql的admin访问被拒绝_U盘插入电脑提示无法访问?别怕,我找到解决办法了...
  4. 类库dll引用不成功问题
  5. c# 中Stopwatch 类的运用
  6. pb公共变量怎么找_阿迪达斯的4D怎么就火不起来呢?
  7. vb 获取系统声音的电平_质量好的背景音乐系统套装效果图
  8. Offer年薪低于25W全额退款|阿里、腾讯内推快艇《全链路大数据分析工程师》课程招生简章...
  9. 无迹卡尔曼滤波(UKF)详解
  10. linux 比较内容,Linux命令比较文件内容
  11. 小记tensorflow-1:tf.nn.conv2d 函数介绍
  12. 清除Chrome的缓存、Cookie
  13. axio深入实例以及配置
  14. SharePoint Log分析 —— HRESULT: 0x8007007E
  15. 微博、微信上的假消息害苦了哥
  16. 计算机应用基础重难点介绍,计算机基础教学计划范文五篇
  17. 【题目】pyCharm 专业版 和 社区版的区别以及如何查看其版本
  18. 蝴蝶飞舞(butterfly)
  19. 和腾讯面试官聊了一个小时人生后,我竟意外的收到Java的offer
  20. 帝国CMS教程:如何制作手机网站

热门文章

  1. linux编程-open函数和write函数实现copy命令
  2. 配置ftp服务器亲测可用
  3. python 多线程中的 join 和 daemon
  4. 一切都是对象---JAVA编程思想
  5. Shiro集成SpringBoot时出现 not eligible for auto-proxying
  6. STM32开发 -- 系统软复位
  7. 必须知道的八大种排序算法【java实现】
  8. 【译】Federated Learning: Bringing Machine Learning to the edge with Kotlin and Android
  9. 【分布式共识二】拜占庭将军问题----口头协议
  10. Android mediaRecorder框架简述(二)