粗略理解，努力入门中

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. Unity中获取物体的子物体

    如果想获取一级子节点 foreach (Transform child in this.transform) { Debug.Log(child.name); } 如果想获取所有子节点 foreach ...

  2. Java并发编程：Callable、Future和FutureTask

    作者:海子 出处:http://www.cnblogs.com/dolphin0520/ 本博客中未标明转载的文章归作者海子和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置 ...

  3. <读书笔记>软件调试之道 ：问题的核心-修复后的反思

    声明:本文档的内容主要来源于书籍<软件调试修炼之道>作者Paul Butcher,属于读书笔记.欢迎转载! ---------------------------------------- ...

  4. C语言运算符优先级和口诀（转）

    一共有十五个优先级: 1   ()  []  .  -> 2   !  ~   -(负号) ++  --   &(取变量地址)*   (type)(强制类型)    sizeof 3   ...

  5. curl post方法

    * [curl_post curl post方式请求接口] * @param [type] $url [接口的url] * @param [type] $data [传递的参数] * @return ...

  6. 41、javaMail机制

    SMTP 是一种TCP协议支持的提供可靠且有效电子邮件传输的应用层协议.SMTP 是建立在 TCP上的一种邮件服务,主要用于传输系统之间的邮件信息并提供来信有关的通知. package com.ith ...

  7. PHP存储blob示例（转）

    原文:http://www.mysqltutorial.org/php-mysql-blob/ <?php /* CREATE TABLE files ( id INT AUTO_INCREME ...

  8. 动态加载script文件的两种方法

    第一种就是利用ajax方式,把script文件代码从后台加载到前台,然后对加载到的内容通过eval()执行代码.第二种是,动态创建一个script标签,设置其src属性,通过把script标签插入到页 ...

  9. python模块学习心得

    初始模块 1.什么是模块 模块是用来实现某项功能的一大堆代码,为什么会有模块呢?过程式编程的时候为了减少程序员编程代码的重复性,就利用函数的调用减少了代码的重复性,但是某些时候程序会过于的庞大,我们会 ...

  10. Go语言开发 Eclipse插件安装

    UpdateSite: http://goclipse.github.io/releases/