`

3、js/jQuery(1)

 
阅读更多

本人是看李炎诙老师的js/jQuery教程,每次看完之后忘得特别快,用的时候无从下手;这里重新整理下笔记。


引入其他js文件:

<script type="text/javascript" src="demo1.js"></script>

不支持 JavaScript 处理:

<noscript>您没有启用 JavaScript</noscript>

javascript是一种松散型语言,变量可以先不用声明为何种类型,而直接赋值;(见java16章)

 

多个变量赋值格式(用逗号隔开  最后一分号结束;与java不一样,格式尽量对齐)

var box= '李炎恢',

      age = 28,

      height;

查看数据类型:

<head><script type="text/javascript">alert(typeof "ok")</script></head>

一个变量没有进行赋值的 类型 是 undifined类型

空对象引用的返回值是object,比如var x=y; y=null;

虽然定义了不同的含义但是 undifeind==null;

 

在javascript中,一个变量有不为空的值,布尔表示为true,如var x=2;if(x){}

利用isNaN()判断一个数据是否为非数字,如alert(isNaN("ok")); //true

 

将非数值转换为数字的3个函数:

Namber()

alert(Number(''));

alert(Number('123df'));  //NaN无法解析

 

parseInt也能解析8进制和16进制;

parseInt(''); //Nan

alert(parseInt('123df'));  //123

alert(parseInt('df123')); //NaN无法解析

alert(parseInt('0xA')); //10

alert(parseInt('A',16)); //10

parseFloat()与parseInt用法相似,用于浮点精度上,不能解析16/8进制

 

利用toString()进行进制转换;

var x =16;

alert(x.toString(8)); //20 

 

函数声明方式(与java也不相同,没有要求是否有返回值或返回类型,并且在参数传递上有很大不同);

function fun1(){};

带参数与返回值的函数,不需要声明参数类型:

function fun2(x,y){

if((typeof x)=='number'&&(typeof y)=='string')

return "我是:"+y+",年纪:"+x;

}

alert(fun2(21,'skx'));

 

声明一个无参函数,却能通过arguments[x]读取:

function fun3(){

alert(arguments[0]);

}

fun3(21); //在Java中是不可能调用的;

javascript中的函数没有像java中所说的方法重装的概念;arguments是个数组。

 

对象创建的几种方式:

1、var obj = new Object();

            obj.name = 'skx';

            obj.age = 27;  //赋值语句,用分号结束,可以省略new关键字,不推荐

2、var obj ={

                     name : 'skx',    //或者'name'

                      age:21            //'age'

                   };  

        //注意!非最后一句用逗号隔开,最后一句不用符号结束,在大括弧}外用分号结束。

3、var obj =  {};   //等同new Object();

 

调用对象属性:

alert(obj.age);

alert(obj['age']);  //没有点

删除对象属性

delete  obj.name;

 

给对象创建方法:

var obj = {

   fun1 : function(x){alert(x);} //参看3的格式

};

obj.fun1("hello");

 

像方法中传递一个(匿名)对象参数,比如fun(x){...}

fun({name:'ok';});  {//里面的内容参看3}

 

创建数组 

var  array1 = new Array('skx','ok','hello');

var  array2 = ['skx','ok','hello'];

alert(array1[2]);

 

alert(array2[1]);

创建对象数组:

var  arrayobjs = [{},{},{}];

在数组中使用  array1.join("#");  逗号变为#号;

 

对数组操作:

数组尾添加元素:array1.push('ok');

去除数组尾元素:array1.pop();

数组头添加元素:array1.unshift('one','two');

移除数组首元素:array1.shift();

数组截取元素:var  array2 = array1.splice(1,3); //相当于删除

上面这5条语句都会改变原数组,利用splice还可以进行插入、替换:

array4.splice(3,0,888888)  //在第4个位置,长度为0,替换为888888

array4.splice(3,2,888888)  //在第4个位置,长度为2,替换为888888

 

数组尾添加与元素不改变原数组:var  array2 = array1.concat("world");

数组截取元素不改变原数组:var  array2 = array1.slice(1,3);

 

逆序:var  array4 = new Array(1,9,3,4,5,6);    document.write(array4.reverse());  //6,5,4,3,9,1

排序:document.write(array4.sort());  //1,3,4,5,6,9

要从大往小排,可以先排序在逆序

 

时间 

Date.parse(string)和Date.UTC(string)是将传进来的字符串转换为毫秒数;

var Millisecond = Date.parse("10/15/2014 14:00:36");  //月/日/年  1413352836000 后000表示整秒

document.write(Millisecond);

var date =  new Date(Millisecond); //将毫秒转换为时间

document.write("\n"+date);  //Wed Oct 15 2014 14:00:36 GMT+0800 (中国标准时间)

 

document.write(new Date("10/16/2014"));  //直接打印Thu Oct 16 2014 00:00:00 GMT+0800 (中国标准时间)

百度输入 “60天  毫秒”可以显示60天为多少毫秒,比如我现在要显示60天前的这个时间

var nowMs = Date.parse(new Date("1/10/2014 14:20:36"));
//60天= 5184000000ms
var oldMS = nowMs - 5184000000;
document.write(new Date(oldMS).toLocaleString());  //2013年11月11日 下午2:20:36
如果不会其他的日期方法,使用这个绝对不会出错;

 

当然在写代码的时候添加以下语句,将节省时间:

获取时间的毫秒数 

var date = new Date();
document.write(date.getTime()+"\n");    //1413440880723 精确到毫秒数
document.write(Date.parse(date));       //1413440880000 精确到秒

 

获取年、月、日:

document.write(date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate());

更改年、月、日:

  date.setFullYear(2012); //更改年份

  date.setMonth(13);  //没有13月,转换到第二年,13是第二年的2月,11是12月

  date.setDate(32);  //一月没有32天,转到第二月

document.write(date.toLocaleString());  //2013年3月4日 下午2:54:53

获得时、分、秒、毫秒;

document.write(date.getHours()+":"+date.getMinutes()+":"+date.getSeconds()+":"+date.getMilliseconds());

设置时、分、秒、毫秒

var date = new Date();

  date.setHours(2); //更改小时

  date.setMinutes(0);  //更改分钟,不能为空

  date.setSeconds(32);  //更改秒

  date.setMilliseconds(132);  //更改秒

document.write(date.getTime()); //用toString()不能打印毫秒 1413396032132

 

获取星期:

document.write(date.getDay());

好像不能设置星期;

 

 

分享到:
评论

相关推荐

    jquery-3.5.1.js/min.js

    在本篇中,我们将深入探讨jQuery 3.5.1版本,以及其在压缩包中的核心文件"jquery-3.5.1.js/min.js"。 首先,jQuery的核心理念是“Write Less, Do More”,即通过提供一系列简洁的API,让开发者可以更高效地处理DOM...

    jquery-ui-1.8.16.custom.min.js/jquery-ui-1.8.16.custom.css

    `jquery-ui-1.8.16.custom.min.js` 是jQuery UI的核心JavaScript文件,经过压缩处理("min"表示最小化),以减小文件大小,提高页面加载速度。这个文件包含了各种UI组件的实现,如对话框(Dialog)、滑块(Slider)...

    jquery文档(jquery1.8.2.chm/jquery.cookie.js/jquery-1.8.2-vsdoc.js/jquery-1.8.2.js)

    含下述资源: jquery-1.8.2.js jquery-1.8.2.min.js jquery-1.8.2-vsdoc.js jquery.cookie.js jquery1.8.2.chm

    jquery-2.1.1.js 、jquery-2.1.1.min.js 【jquery包 js】

    jQuery的引入通常有两种形式:未压缩的`jquery-2.1.1.js`和压缩版的`jquery-2.1.1.min.js`。未压缩版本主要用于开发环境,便于调试和理解代码;而压缩版本则用于生产环境,通过去除空格、注释和简化变量名等方式减小...

    jquery-3.3.1.js/min.js

    《jQuery 3.3.1:JavaScript库的基石》 jQuery,这个小巧而强大的JavaScript库,自2006年发布以来,一直是Web开发领域的核心工具之一。在本篇文章中,我们将深入探讨jQuery 3.3.1版本,了解其在简化DOM操作、事件...

    Jquery 本地版引用文件 适配3.6.1版本

    &lt;script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.1.min.js"&gt;&lt;/script&gt; 官网jquery压缩版引用地址: &lt;script src="https://code.jquery.com/jquery-3.6.1.min.js"&gt;&lt;/script&gt; 下载后更改文件名,...

    jquery-3.5.1.min.js_jquery-3.5.1.min.js_jquery_

    《jQuery 3.5.1:JavaScript开发者的得力助手》 jQuery,作为一款广泛使用的JavaScript库,一直以来都是Web开发者的首选工具。标题中的“jquery-3.5.1.min.js”代表的是jQuery库的3.5.1版本的压缩后的最小化文件,...

    jquery1.7 API/jquery-1.7.1.min.js/jquery-1.7.1.js

    1. **`jquery-1.7.1.min.js` 和 `jquery-1.7.1.js`**: 这两个文件都是jQuery的核心库,但它们有显著的区别。`jquery-1.7.1.js`是未压缩的源代码版本,对于开发者来说,阅读和调试更方便。而`jquery-1.7.1.min.js`...

    jquery.datepicker-zh-CN.js

    &lt;script src="./public/js/jquery-ui-1.10.3.min.js"&gt;&lt;/script&gt; &lt;script src="./public/js/jquery.datepicker-zh-CN.js"&gt;&lt;/script&gt; &lt;link href="./public/css/jqueryui/jquery-ui-1.10.3.min.css" rel="stylesheet"&gt;...

    jquery-3.7.0.min.js(jQuery下载)

    jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...

    javascript/jquery 的md5加密插件

    在本场景中,我们有一个名为"jquery_md5"的压缩包,里面包含了一个适用于JavaScript和jQuery环境的MD5加密插件。 这个插件使得在前端开发中实现数据的MD5加密变得更加便捷。JavaScript本身并不内置MD5功能,因此...

    JS/JQuery-第7章上机练习.zip

    在"JS/JQuery-第7章上机练习.zip"这个压缩包中,我们可以推测这是一份关于JavaScript和JQuery实践训练的资料,尤其聚焦于第七章的内容。通常,这样的练习会帮助开发者巩固和提升在实际项目中的应用能力。 1. **选择...

    jquery-ui.min.js

    jQuery UI是基于JavaScript库jQuery的一款强大的用户界面插件集,它提供了丰富的交互效果、可自定义的主题以及多种可重用的UI小部件。在本文中,我们将深入探讨jQuery UI的核心功能,尤其是标题所提及的`jquery-ui....

    jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】

    1. **jQuery简介** jQuery是一个轻量级的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。它的API设计易于理解和使用,使得开发者能够用更少的代码实现更多的功能,提高了开发...

    jquery-3.5.1.js

    * jQuery JavaScript Library v3.5.1 * https://jquery.com/ * * Includes Sizzle.js * https://sizzlejs.com/ * * Copyright JS Foundation and other contributors * Released under the MIT license * ...

    jquery-1.11.3.js 、jquery-1.11.3.min.js 【官方jquery包 js】

    jQuery,作为一款广泛使用的JavaScript库,极大地简化了DOM操作、事件处理、动画制作以及Ajax交互等任务,深受前端开发者的喜爱。在这个主题中,我们将深入探讨jQuery 1.11.3版本的核心特性及其在实际开发中的应用。...

    jquery-1.3.2.min.js

    《jQuery 1.3.2.min.js:JavaScript的精髓与应用》 jQuery,这个小巧而强大的JavaScript库,自2006年发布以来,就以其简洁的API和强大的功能深受开发者喜爱。在本文中,我们将深入探讨jQuery 1.3.2.min.js这一经典...

    jQuery/jquery-1.5.1.min.js /jquery-1.7.2.min.js等

    在给定的压缩包文件中,包含了两个重要的版本:`jquery-1.5.1.min.js`和`jquery-1.7.2.min.js`。这两个版本代表了jQuery在不同时期的发展状态,分别对应着其功能特性和性能优化的不同阶段。 **1. jQuery的核心特性*...

    JS/JQuery生成二维码图片源码示例

    1. **使用qrcode.js库**: - `qrcode.js`是一个轻量级的库,不依赖于jQuery。我们可以直接在HTML页面中引入这个库,然后创建一个div元素作为二维码的容器。在JavaScript代码中,我们调用`new QRCode()`函数,传入...

    jquery-3.1.1.js 、jquery-3.1.1.min.js 【jquery包 js】

    在Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作和Ajax交互。这里我们主要关注的是jQuery 3.1.1版本,包括其常规版本与压缩版的特性及其在实际应用中的...

Global site tag (gtag.js) - Google Analytics