1. js中this表示当前标签,获取当前标签内的属性,示例如下:

 var user_id = $(this).attr("data-user-id");

2.   * js中var定义变量的关键字

   * innerHTML 与 innerText修改内容

3.  document.write( ); 表示写入。

4. js中的比较运算符:

  && (与)     ||(或)   !(非)

5. 以下元素在判断时为假,其余任何都为真:

  0,null,undefined,NaN,‘ ’,false

6. js中的赋值运算符:

    " += "  " -= "  " /= "  " %= "  " *= "

7. 判断运算符:

  在js中“ == ”:判断类型是否相等,

  而“ === ”:判断值和类型是否都相等。

8. 定时器:

   setTimeout  设置定时器    clearTimeout  清除定时器

   setInterval   设置定时器    clearInterval    清除定时器

9. 在清除定时器的同时要给予定时器加个名字,便于赋值给清除定时器:

    定时器格式: setTimeout(函数.时间)

 #定时器
<script> setTimeout(function () {
// 延迟定时器 2000毫秒后执行一次
console.log(1);
},2000); // 1000毫秒 = 1s setInterval(function () {
// 隔1000毫秒后一直不停的在执行
console.log(2);
});
// 格式: setTimeout(函数,时间); function fn() {
console.log(3);
}
setTimeout(fn,2000);
</script> #清除定时器
<div id="box">
<p> 还有<span id="timer">5s</span>就开始! </p>
</div> <script>
var oTime = document.getElementById('timer');
var num = 5;
var time;
time = setInterval(function () {
num --; // 逐渐往下减
oTime.innerHTML = num +'s'; //打印
if(num === 1){
clearInterval(time);
// clearTimeout(time), 前面用哪个定时器后面就跟哪个,要一一对应
window.location.href = 'http://www.baidu.com';
// 去某个地方的固定写法
}
},1000);
</script>

10.  js中的for循环:

     # // for 循环
for(var i=0; i<6; i++){
if(i===3) break;
console.log(i);
if(i===3)continue;
console.log(i);
} var a=0;
# // 条件为真才会执行
while (a<6){
console.log(a);
a++;
} var b = 8;
# // 不管真假都会执行一次
do{
console.log(b);
}while (b>10);

11.  js中用于跳转:

 window.location.href = 'http://www.baidu.com';

12.    js 中用于刷新页面的是:

 window.location.reload();

13.  js执行事件:

     <div id="box1"></div>
<div id="box2"></div>
<script> var oBox1 = document.getElementById('box1');
var oBox2 = document.getElementById('box2'); // oBox1.onclick = function () {
// console.log(1); // 点击会打印1
// };
// oBox2.onclick = function () {
// console.log(1);
// }; function fn() {
console.log(1);
# // 设置值,可以直接调用
}
oBox1.onclick = fn; # // 如果加括号会自动执行, 一般不用
oBox2.onclick = fn;
</script>

14.  函数表达式:

         fn();
function fn() {
alert(1);
}; //函数定义 可以在定义前加括号执行,也可以在定义后加括号执行
// fn(); var fn = function () {
alert(1); // 通过var 的函数。只能在后面运行
}; // 效果一样
fn(); // 函数表达式
!function () {
alert(6)
}(); +function () {
alert(8)
}(); (function () {
alert(9)
})(); (function () {
alert(999) //国外使用方法,国内一般不用
}());

15.对样式进行修改:

       <div id="box"></div>
<script>
var box = document.getElementById('box');
box.style.width = "200px";
box.style.height = "120px";
box.style.marginTop = "20px";
box.style.marginLeft = "auto";
</script>

JavaScript 知识的更多相关文章

  1. 【原文】前端程序员必须知道的高性能Javascript知识

    原文:前端程序员必须知道的高性能Javascript知识 想必大家都知道,JavaScrip是全栈开发语言,浏览器,手机,服务器端都可以看到JS的身影. 本文会分享一些高效的JavaScript的最佳 ...

  2. 《jQuery风暴》第2章 必须知道的JavaScript知识

    第2章 必须知道的JavaScript知识 JavaScript是jQuery应用的基础,掌握JavaScript这门语言是使用jQuery的基础条件.本章不会全面细致的讲解JavaScript的全部 ...

  3. Javascript知识——事件

    O(∩_∩)O~~又是新的一周开始了,今天还是在继续学习Javascript知识,今天主要讲了事件的知识.现在就总结下吧. 事件 事件一般是用于浏览器和用户操作进行交互.最早是 IE 和 Netsca ...

  4. Javascript知识四(DOM)

     [箴 10:4] 手懒的,要受贫穷:手勤的,却要富足. He becometh poor that dealeth with a slack hand: but the hand of the di ...

  5. WEBBASE篇: 第十一篇, JavaScript知识6

    JavaScript 知识6 一, String 对象 1,分隔字符串, 函数: split(seperator) 作用: 将字符串,通过seperator 拆分成一个数组: eg: var msg= ...

  6. WEBBASE篇: 第十篇, JavaScript知识5

    JavaScript知识5 <!doctype html> <html lang="en"> <head> <meta charset=& ...

  7. Lodash 严重安全漏洞背后 你不得不知道的 JavaScript 知识

    摘要: 详解原型污染. 原文:Lodash 严重安全漏洞背后 你不得不知道的 JavaScript 知识 作者:Lucas HC Fundebug经授权转载,版权归原作者所有. 可能有信息敏感的同学已 ...

  8. javaScript知识储备

    javaScript知识储备 组成 ECMAScript(核心) 提供语法.变量等,遵循ECMA-262标准 DOM(文档对象模型) 提供操作HTML标签的API,遵循W3C规范 BOM(浏览器对象模 ...

  9. 一行css代码调试中学到的javascript知识,很有意思

    现在到处都是JavaScript,每天都能知道点新东西.一旦你入了门,你总能从这里或是那里领悟到很多知识.今天我想分享Addy Osmani的一行代码 ,这行代码对于你调试你的CSS是很有用的.为了可 ...

  10. JavaScript知识总结<一>

    JavaScript核心基础语法: 1.什么是JavaScript? 我们知道在Web标准中网页由:结构.形式.行为三部分组成:结构由标准形式XHTML.形式又标准形式CSS,那么行为的表现就由Jav ...

随机推荐

  1. 2017/2/7utf-8与GBK的区别与修改

    1.GBK:是中文字符编码 2.UTF-8:是国际编码 3.使用GBK与UTF-8编码更耗内存,同时有英文字符多的 尽量用UTF-8编码 4.在项目中,几个修改字符串的方法:

  2. 【RabbitMQ】 Java简单的实现RabbitMQ

    准备工作 1.安装RabbitMQ,参考[RabbitMQ] RabbitMQ安装 2.新建Java项目,引入RabbitMQ的Maven依赖 <dependency> <group ...

  3. 45.UITableView去除分割线

    1.去除所有的分割线 table.separatorStyle = UITableViewCellSelectionStyleNone; 2.去除指定某一行的分割线 cell.separatorIns ...

  4. C#并发集合(转)

    出处:https://www.cnblogs.com/Leo_wl/p/6262749.html?utm_source=itdadao&utm_medium=referral 并发集合 1 为 ...

  5. Tomcat架构解析(三)-----Engine、host、context解析以及web应用加载

    上一篇博文介绍了Server的创建,在Server创建完之后,就进入到Engine的创建过程,如下: 一.Engine的创建   1.创建Engine实例 当前次栈顶元素为Service对象,通过Se ...

  6. 交换机的Access口与Trunk口

    基本概念 Access类型的端口只能属于1个VLAN,一般用于连接计算机的端口:Trunk类型的端口可以允许多个VLAN通过,可以接收和发送多个VLAN的报文,一般用于交换机之间连接的端口: 处理流程 ...

  7. Gibs抽样

    /* * Copyright (C) 2007 by * * Xuan-Hieu Phan * hieuxuan@ecei.tohoku.ac.jp or pxhieu@gmail.com * Gra ...

  8. 笔记 Bioinformatics Algorithms Chapter1

    Chapter1 WHERE IN THE GENOME DOES DNA REPLICATION BEGIN    一. ·聚合酶启动结构域会结合上游序列的一些位点,这些位点有多个,且特异,并且分布 ...

  9. 学习c++需要知道

    1.c++投入和经济产出比目前较低,c++很复杂,学习难度高.周期长.而且开发效率低. 2.但是c++趋紧于完美语言,它囊括了多种编程范型.它运行效率高,对计算机有着极致的控制能力.适用于低层. 3. ...

  10. Codeforces Round #540 (Div. 3)--1118D1 - Coffee and Coursework (Easy version)

    https://codeforces.com/contest/1118/problem/D1 能做完的天数最大不超过n,因为假如每天一杯咖啡,每杯咖啡容量大于1 首先对容量进行从大到小的排序, sor ...