粗略理解，努力入门中

1、在html中引入外部脚本：  <script src="filename.js"></script>

2、注释：  多于一行的长注释使用   /*注释内容 */ ， 只有一行的注释用   //注释内容 。

3、创建函数的格式:

function name（）{

　　 函数的内容

}

在函数内部创建的变量为局部变量，只有在函数的内部有效，在所有函数之外创建的变量为全局变量，整个代码中的任何地方都能使用。

4、getElementById() 通过id获得和操作元素；

getElementByValue() 通过value获得和操纵元素

5、点号语法：对象.属性.方法

6、关键字this指向对象，可以使用它的上下文将值传递给函数。上下文大多数情况下是指函数运行时，封装这个函数的对象。

9、if()...else...语句

if(条件){

　　条件为真时执行的语句

}

else{

　　条件为假时执行的语句

}

10、switch(variable){

　　case value 1 :

　　　　当变量variable的值为value 1时执行的语句

　　　　break;

　case value 2：

　　　　当变量variable的值为value 2时执行的语句

　　　　break;

　　case value 3：

　　　　当变量variable的值为value 3时执行的语句

　　　　break;

　　.

　　.

　　.

　　case value n:

　　　　当变量variable的值为value n时执行的语句

　　　　break;

default:当变量variable的值与上面的所有值都不匹配时执行的语句

}

break的作用：当变量的值与case后面的值相等时，就离开switch语句，否则就继续往下执行。

11、try catch throw

这部分内容在以下链接有较详细的讲解 http://www.w3school.com.cn/js/js_errors.asp

12、for循环

例如：for(var i=0;i<某数值;i++){

　　代码块（只要计数器变量i<某数值,就循环执行这个代码块）

}

13、数组

例如：

var baiYu=new Array("Xiang","Yu" ,"Yong","Shang"); //声明一个字符串数组

var number=new Array(1,3,4,6,7,5,3,2);//声明一个数字数组

var bai=new Array(66);//声明一个包含66个对象的新数组

以   数组名[]   的形式 调用数组

14、不知道代码循环多少次时使用do/while循环

do{

　　代码块1

}

while(代码块2);

只要代码块2的结果为true,就循环执行代码块1。

15、处理图像

做了一个好玩儿的翻转器（虽然一般翻转器不是这样用的）

效果：

html代码:<!DOCTYPE html>
<html>
<head>
 　　<link href="bear.css" rel="stylesheet" type="text/css">
 　　<script src="bear.js"></script>
</head>
<body>
 　　<a href="lefteye.html"><img src="data:images/left.png" id="left"></a>
　　 <a href="right.html"><img src="data:images/right.png" id="right"></a>
</body>
</html>

css代码：

body{
 width:600px;
 height:400px;
 margin:0 auto;
 margin-top:120px;
}
img{
 margin:0 ;
 float:left; 
}

javascript代码：

window.onload=initEyes;

function initEyes(){

document.getElementById("left").onmouseover=leftOpen;

document.getElementById("left").onmouseout=leftClose;

document.getElementById("right").onmouseover=rightOpen;

document.getElementById("right").onmouseout=rightClose;

}

function leftOpen(){

this.src="data:images/leftopen.gif";

}

function leftClose(){

this.src="data:images/leftclose.gif";

}

function rightOpen(){

this.src="data:images/righttopen.gif"; }

function rightClose(){

this.src="data:images/rightclose.gif"; }

这个javascript代码中很多重复的部分，也许能够以一种像C++里的模板类的方式使得代码更为简练。期待接下来的学习。

ps：使用的图片由板绘+ps制得。

JavaScript基础知识整理（1）的更多相关文章

  1. JavaScript基础知识整理

    只整理基础知识中关键技术,旨在系统性的学习和备忘. 1.在 JScript 中 null 和 undefined 的主要区别是 null 的操作象数字 0,而 undefined 的操作象特殊值NaN ...

  2. JavaScript基础知识整理（2）

    15.处理图像 注意:(1)在写js文件时,尽量将函数的声明往后写,将函数调用写在前面,这样能够使代码结构很清晰. (2)一个网页中翻转器一般超过3个,所以使用for循环减少重复使用翻转器代码的次数. ...

  3. Javascript 基础知识整理

    Javascript的作用 表单验证,减轻服务器压力 添加页面动画效果 动态更改页面内容 Ajax网络请求(异步加载数据) -它属于前端的核心,主要用来控制和重新调整DOM,通过修改DOM结构,从而达 ...

  4. JavaScript基础知识整理（1）数组

    第一:创建. 1,var arr= new Array(); //数组为空.长度为0. arr[0]="apple"; arr[1]="orange"; arr ...

  5. javascript基础知识整理（不定时更新）

    1.js中真与假的定义: 真:true,非零数字,非空字符串,非空对象 假:false,数字零,空字符串,空对象(null),undefined 2.使用for循环对json进行循环操作 for(va ...

  6. Kali Linux渗透基础知识整理（二）漏洞扫描

    Kali Linux渗透基础知识整理系列文章回顾 漏洞扫描 网络流量 Nmap Hping3 Nessus whatweb DirBuster joomscan WPScan 网络流量 网络流量就是网 ...

  7. Javascript基础知识总结一

    Javascript基础知识总结一 <!DOCTYPE html> <html> <head lang="en"> <meta chars ...

  8. Kali Linux渗透基础知识整理（四）：维持访问

    Kali Linux渗透基础知识整理系列文章回顾 维持访问 在获得了目标系统的访问权之后,攻击者需要进一步维持这一访问权限.使用木马程序.后门程序和rootkit来达到这一目的.维持访问是一种艺术形式 ...

  9. 学习javascript基础知识系列第二节 - this用法

    通过一段代码学习javascript基础知识系列 第二节 - this用法 this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascr ...

随机推荐

  1. Lua 5.2 编译 For Windows

    body { font-family: 微软雅黑; font-size: 11pt; line-height: 1.5; } html, body { color: #000000; backgrou ...

  2. discuz中方法

    discuz中检验是否是邮箱 function isemail($email) { && strlen($email) <= && preg_match(&quo ...

  3. Git 操作本地分支与远程分支

    1 查看本地分支 git branch 2 查看远程分支 git branch -a 3 新建远程分支 git checkout -b developr git push origin develop ...

  4. jquery 使用方法(二)

    jquery語法: jquery語法是為html元素的选取编制的,可以对元素执行某些操作. 基础语法是:$(selector).action() 美元符号定义 jQuery 选择符(selector) ...

  5. OpenVZ VPS加速方案–Final Speed

    body,td { font-family: 微软雅黑; font-size: 10pt }   OpenVZ VPS加速方案–Final Speed OpenVZ VPS加速方案–Final Spe ...

  6. XproerIM V2开源，基于XproerUI引擎构架

    资源下载:XproerIM源代码(访问密码:2e47),imServer(访问密码 364c), 技术交流群:6259765 技术支持:3040217208 咨询邮箱:2190615607@qq.co ...

  7. 创建 Web 前端开发环境

    Web 前端开发涉及多种工具,这里将常用工具的安装和配置进行说明,提供了详细的说明,为后继的开发创建一个坚实的基础. 本文介绍的工具有:NodeJS, NPM, Bower, Git 和 Grunt. ...

  8. linux autoload service create

    ---恢复内容开始--- EXEC="php-fpm" stop(){ echo "Stoping $EXEC ..." ps aux | grep " ...

  9. JavaScript 正则表达式的应用实例

    都是自己实例记录,不断更新中.... 1.字符串找出所有匹配的邮箱并替换 <html> <body> <script type="text/javascript ...

  10. LeetCode Bulb Switcher 319

    变换灯泡颜色 There are n bulbs that are initially off. You first turn on all the bulbs. Then, you turn off ...