`
lighter
  • 浏览: 499773 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

javascript学习笔录(一)

阅读更多
1、可以使用
var toy = (monkey_behavior=="good") ? "videogames" : "rocks";
类似语句,减少代码使容易理解

2、要使JavaScript中各种同名变量不会发生混淆,你可以在声明变量时在变量前面加上var。在一个函数内用var声明后灯的变量叫做局部变量,它只存在于该函数内部。通常情况下你应该尽量使用局部变量。
这里是用var声明后的正确的JavaScript代码:

function fahrenToCelsius(faren){
    var temp = (faren - 32) * 5 / 9;
    return temp;
}
function convertTemp(){
    var temp = prompt("what temperature Fahrenheit? ","50");
    var celsius = badFahrenToCelsius(temp);
    alert(temp + " degrees Fahrenheit is " + 
        celsius + " degrees Celsius.");
} 


3、字符串处理
javascript字符串处理函数 http://blog.csdn.net/banmuhuangci/archive/2005/12/23/559985.aspx

Js字符串操作函数大全     http://www.phpweblog.net/kiyone/archive/2007/04/19/1135.aspx

4、简单的学习数组的例子
var phone_book = new Array();

phone_book["happy"]  = "(203) 555-1234";
phone_book["sleepy"] = "(203) 555-2345";
phone_book["sneezy"] = "(203) 555-4321";
phone_book["sleazy"] = "(203) 555-3245";
phone_book["sneery"] = "(203) 555-3213";
phone_book["bleary"] = "(203) 555-2365";
phone_book["tweaked"] = "(203)555-1664";


表单的代码如下:
<form name="the_form">
<b>Name:</b>
<select onChange = "displayNumber(phone_book,this.options[selectedIndex].value);">
<option value="happy">Happy
<option value="sleepy">Sleepy
<option value="sneezy">Sneezy
<option value="sleazy">Sleazy
<option value="sneary">Sneery
<option value="bleary">Bleary
<option value="tweaked">Tweaked
</select>
<p>	
<b>Number:</b>
<input type="text" name="number_box"
value="">
</form>


指定的JS函数
function displayNumber(phone_book, entry){
	var the_number = phone_book[entry];
	window.document.the_form.number_box.value = the_number;
}


5、cookies学习
cookies局限性在于:不是每个人的浏览器都欢迎cookies.即便是用户的浏览器欢迎cookies,但用户也有可能拒绝cookies的访问(大部分人还是欢迎的)每个域名只分配20个cookies,所以要节省着什么它们.Cookies不得大于4 KB,当然4,000字节的容量是足够的了.

设置一个基本的cookie很容易.你所需做的只是在一个cookie_name=value表单中生成一个字符串,然后设置document.cookie属性.唯一的技巧:cookie值中不能有空格,逗号或分号.好在你无需担心这些问题,因为有一系列的函数可以帮你对cookies属性编码和解码:

(1)、保存一个cookie:
function setCookie(){
var the_name = prompt("What's your name?","");
var the_cookie = "wm_javascript=username:" + escape(the_name);
document.cookie = the_cookie;
alert("Thanks, now go to the next page.");
}


(2)、读取cookie范例的代码:
function readCookie(){
    var the_cookie = document.cookie;
    var broken_cookie = the_cookie.split(":");
    var the_name = broken_cookie[1];
    var the_name = unescape(the_name);
    alert("Your name is: " + the_name);
}


(3)、读取和编写多重cookies:
编写的代码很简单如下:
var the_cookie ="my_happy_cookie=happiness_and_joy";
document.cookie = the_cookie;

var another_cookie= "my_other_cookie=more_joy_more_happiness";
document.cookie = another_cookie;


读取的代码如下:
function WM_readCookie(name){
if(document.cookie == '')
    return false;
  return unescape(WM_getCookieValue(name));
}

function WM_getCookieValue(name){
  var firstChar,lastChar;
  var theBigCookie = document.cookie;
  firstChar = theBigCookie.indexOf(name);
  if(firstChar != -1){
  firstChar += name.length + 1;
  lastChar = theBigCookie.indexOf(';', firstChar);

  if(lastChar == -1) lastChar = theBigCookie.length;
  return theBigCookie.substring(firstChar, lastChar);
} else{
   return false;
  }
}


(4)、设置cookie失效的时间
function setCookie(){
    var the_name = prompt("What's your name?","");
    var the_date = new Date("December 31, 2023");
    var the_cookie_date =the_date.toGMTString();

    var the_cookie = "my_cookie=" + escape(the_name);
    the_cookie = the_cookie +";expires=" + the_cookie_date;
    document.cookie = the_cookie;
}


(5)、cookie路径和域
路径"path"用于设置可以读取一个cookie的最顶层的目录.将cookie的路径设置为你的网页最顶层的目录可以让该该目录下的所有网页都能访问该cookie.
function setCookie(){
 var the_name = prompt("What's your name?","");
 var the_cookie = "cookie_puss=" + escape(the_name) + ";" ;
 var the_cookie = the_cookie + "path=/;";
 var the_cookie = the_cookie + "domain=webmonkey.com;";
 document.cookie = the_cookie;
}


6、定时的用法
(1)、设置定时的功能
其关键指令是setTimeout()和clearTimeout()方法。利用setTimeout(), 指令可以在未来
的某个指定时间执行特定指令。如果你改变主意,你可以用clearTimeout()取消setTimeout的定时
var the_timeout = setTimeout("alertAndRedirect ();",3000);
function alertAndRedirect(){
	alert('ok!  exhale!');
	window.location.replace("timing.htm");
}


(2)、定时循环
var the_count = 0;
var the_timeout;
function doTimer(){
	window.document.timer_form.the_text.value = the_count;
	the_count += 2;
	the_timeout = setTimeout("doTimer();", 2000);
}


表单部分的代码如下:
<input type="button" value="stop timer" onClick="clearTimeout(the_timeout);">


(3)、复杂一点的定时例子
function writeTime() {
  var today = new Date();
  var hours = today.getHours();
  var minutes = today.getMinutes();
  var seconds = today.getSeconds();

  minutes = fixTime(minutes);
  seconds = fixTime(seconds);

  var the_time = hours + ":" + minutes + ":" + seconds;
  window.document.the_form.the_text.value = the_time;

  //每半秒钟执行一次该函数
  the_timeout= setTimeout('writeTime();',500);
}

function fixTime(the_time) {
if (the_time <10) { the_time = "0" + the_time; } 
	return the_time; 
} 


或者下面的例子:
function alertInAMinute(){
	var the_string = "hello";
	the_timeout = setTimeout("alert(" + the_string + ");",60000);
}
分享到:
评论

相关推荐

    个人Javascript学习笔记 精华版

    个人Javascript学习笔记 精华版 本资源为个人Javascript学习笔记的精华版,涵盖了Javascript的基础知识、事件处理、对象和系统函数、浏览器对象等方面的内容。下面是对每个知识点的详细说明: 1. 什么是JavaScript...

    JavaScript学习笔记,javascript基础知识,基础语法整理.pdf

    JavaScript是一种高级的、动态的、基于对象的客户端脚本语言。它是在网页上执行的脚本语言,能实现网页的交互功能。下面是该资源中的重要知识点总结: 一、 JavaScript 基本概念 * JavaScript是一种基于对象的脚本...

    HTML+CSS+JavaScript教程学习笔记.zip

    HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 ...

    JavaScript-学习笔记.pdf

    以上是JavaScript学习笔记中提到的一些核心知识点,通过对这些知识点的理解和熟练应用,可以为进一步学习和掌握JavaScript打下坚实的基础。在实际开发过程中,结合具体的项目需求,这些知识会得到更深入的拓展和应用...

    javascript入门学习笔记

    这份"javascript入门学习笔记"旨在为初学者提供一个全面且深入的JavaScript学习路径。 一、基础语法 JavaScript的基础包括变量、数据类型、操作符、流程控制等。变量用于存储数据,数据类型分为基本类型(如字符串...

    javascript学习笔记

    ### JavaScript学习笔记精要 #### JavaScript简介 JavaScript是一种强大的、多用途的脚本语言,用于增强网站的交互性和用户体验。它是由Netscape公司的Brendan Eich在1995年发明的,并且迅速成为了Web开发的标准之...

    javascript学习笔记整理知识点整理

    这份“javascript学习笔记整理知识点整理”是针对初学者的一份宝贵资料,涵盖了JavaScript的基础知识,旨在帮助新手快速入门并掌握这门语言的核心概念。 一、变量与数据类型 在JavaScript中,变量用于存储数据。...

    javascript学习笔记讲解版参考.pdf

    JavaScript学习笔记讲解版参考.pdf是一份详尽的教程,涵盖了从基础到进阶的JavaScript知识。这份笔记首先从CSS样式表开始,引导读者理解网页样式的设置与应用。 1. CSS(Cascading Style Sheets)样式表是用于控制...

    js 笔记 javascript 学习笔记

    本学习笔记将深入探讨JavaScript的核心概念,包括变量、数据类型、操作符、控制流程、函数、对象、数组、原型链、闭包等,并结合实际示例,如my.js、order.js、login.js等文件,来讲解其在实际项目中的应用。...

    JavaScript 学习笔记集和代码库

    JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和...

    javascript学习笔记.docx

    这篇学习笔记主要涵盖了JavaScript的基础语法和客户端JavaScript的相关知识。 1. **JavaScript基本语法**: - **变量声明**:未声明的变量尝试读取时会产生错误,而写入未声明的变量会创建一个全局变量。 - **...

    JavaScript学习笔记.pdf

    JavaScript学习笔记是一本关于JavaScript编程语言的教材,该教材通过丰富的实例,系统地介绍了JavaScript的基础知识和实际应用技巧,帮助读者一步步掌握客户端编程技术。本书共分为九章,每一章都有其特定的主题,...

    javaScript学习笔记.rar

    这个“javaScript学习笔记.rar”压缩包显然包含了作者在学习JavaScript过程中的心得和记录,对于初学者或者想要深入理解JavaScript的人来说,是一份宝贵的资源。 JavaScript与Java虽然名字相似,但两者实际上是不同...

    前端学习笔记网站(HTML5+CSS3+JavaScript前端网页web课程设计).rar

    前端学习笔记网站(HTML5+CSS3+JavaScript前端网页web课程设计).rar前端学习笔记网站(HTML5+CSS3+JavaScript前端网页web课程设计).rar前端学习笔记网站(HTML5+CSS3+JavaScript前端网页web课程设计).rar ...

    Javascript学习笔记PPT

    Javascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript学习笔记PPTJavascript...

    javaScript学习笔记总结.docx

    JavaScript是一种轻量级的解释型编程语言,主要用于网页和网络应用开发。它由网景公司的Brendan Eich在1995年发明,最初设计目的是增强网页的交互性,验证表单数据。JavaScript的运行环境是浏览器,它不需要预编译,...

Global site tag (gtag.js) - Google Analytics