JavaScript基础知识整理(1)

粗略理解,努力入门中

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 1是执行的语句

    break;

  case value 3:

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

    break;

  .

  .

  .

  case value n:

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

    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="images/left.png" id="left"></a>
   <a href="right.html"><img src="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="images/leftopen.gif";

}

function leftClose(){

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

}

function rightOpen(){

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

function rightClose(){

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

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

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

时间: 2024-08-15 02:04:57

JavaScript基础知识整理(1)的相关文章

Javascript 基础知识整理

1.Javascript的作用 JavaWeb里面 html: 负责网页架构,显示内容.数据. css: 负责样式.格式的显示. javascript: 负责完成页面的交互.网页的行为. 2.Javascript的三种写法 1).直接在html里面写. <a href="javascript:alert('东方闪电')">超链接</a> <h4 onclick="javascript:alert(111)">点击</h4&g

JavaScript基础知识整理

1.在 JScript 中 null 和 undefined 的主要区别是 null 的操作象数字 0,而 undefined 的操作象特殊值NaN (不是一个数字).对 null 值和 undefined 值作比较总是相等的.null和undefined拼接string字符时相当于'null'和'undefined'字符串拼接. 如: null+2=2; null*4=0; undefined+2=NaN; null==undefined //返回true. null+'qqqq'=nullq

javascript基础知识整理(不定时更新)

1.js中真与假的定义: 真:true,非零数字,非空字符串,非空对象 假:false,数字零,空字符串,空对象(null),undefined 2.使用for循环对json进行循环操作 for(var item in jsonObj){ alert(jsonObj[item]); } 3.获取非行间样式(不能获取复合样式,如background,需要明确单一样式,如backgroundColor) IE浏览器:obj.currentStyle[attr] Chorme,firefox等浏览器:

Kali Linux渗透基础知识整理(二)漏洞扫描

Kali Linux渗透基础知识整理系列文章回顾 漏洞扫描 网络流量 Nmap Hping3 Nessus whatweb DirBuster joomscan WPScan 网络流量 网络流量就是网络上传输的数据量. TCP协议 TCP是因特网中的传输层协议,使用三次握手协议建立连接.当主动方发出SYN连接请求后,等待对方回答SYN+ACK ,并最终对对方的 SYN 执行 ACK 确认.这种建立连接的方法可以防止产生错误的连接,TCP使用的流量控制协议是可变大小的滑动窗口协议. 连接建立 TC

JAVA基础知识整理

一.首先先明白get与post的基本定义和区别: 这是两种在客户端和服务器端进行请求-响应的方法. 1get:从指定的资源请求数据. 2post:向指定的资源提交要处理的数据. get基本上用于从服务器取回数据,注意:get方法可能返回缓存数据. post可以从服务器上获取数据,不过,post方法不会缓存数据,并且常用语连同请求一起发送数据. 二. Jquery $.get()方法. $.get()方法通过Http Get发起请求,从服务器上请求数据. 语法:&.get(URL,callback

Java基础知识整理(一)

概述 公司业务需要,产品既要有.NET又需要Java,没得选择,只能业余时间学习Java,整体觉得Java也.NET还是很相似的,只是语法有差别,差别也不是很大,这就将学习Java的基础知识整理下,以便于自己的学习.作为个.NET程序猿也可以学习Java ,毕竟技多不压身,学习多也要精通. 开发工具 eclipse ,开发java类似.NET 需要装JDK类似.NET Framework. Java开发工具eclipse设置 1.设置字体:window设置: 2.设置快捷键:window--ke

Javascript基础知识5

不要把相等运算符(==)与赋值运算符(=)搞混. 以&&运算符隔开的两个条件中的前者为错,则不会检测第二个条件的真假.利用这一点,可以提高脚本的速度. 使用带switch的多个条件 if(button=="next") window.location = "next.html"; else if(button=="previous") window.location = "pre.html"; else if(

DIV+CSS网页布局常用的一些基础知识整理

CSS命名规范一.文件命名规范 全局样式:global.css:框架布局:layout.css:字体样式:font.css:链接样式:link.css:打印样式:print.css: 二.常用类/ID命名规范页 眉:header内 容:content容 器:container页 脚:footer 版 权:copyright 导 航:menu主导航:mainMenu子导航:subMenu 标 志:logo标 语:banner标 题:title侧边栏:sidebar 图 标:Icon注 释:note

javascript 基础知识

javascript 基础知识编程规范注释 //驼峰对象化编程 数据类型字符串.数字.布尔.数组.对象.Null.Undefined定义 var carname=new String; var x= new Number; var y= new Boolean; var cars= new Array; var person= new Object; 字符串 var word = "Hello World!"; 数字 var x1 = 34.00; //使用小数点来写 var x2 =