javascript基础知识show

1、javascript的数据类型是什么

基本数据类型:String,boolean,Number,Undefined,Null

引用数据类型:Object(Array,Date,RegExp,Function)

判断某变量是否为数组数据类型:

方法1、判断其是否具有“数据性质”,如slice()方法.(但是我们可以自己给变量定义slice方法,故有时会失效)

方法2、obj instanceof Array  在某些IE版本中不正确。

     方法3、方法1、2均存在漏洞,在ECMA Script5中定义了新方法Array.isArray(),保证其兼容性,最好的方法如下:

2、已知ID的input输入框,希望获取这个输入框的输入值。(不使用第三方框架)

document.getElementById("ID").value;

3、希望获取页面中所有的checkbox怎做(不使用第三方框架)

function _selectCheckBox(){
            var domList = document.getElementsByTagName(‘input‘);
            var checkBoxList = [];
            var len = domList.length;//缓存到局部变量
            while(len--){  //使用while的效率会比for循环更高
                if(domList[len].type==‘checkbox‘){
                    checkBoxList.push(domList[len]);
                }                
            }
            alert(checkBoxList);
        }

4、设置一个已知ID的html内容为xxx,字体颜色设为黑色(不使用第三方框架)

var dom = document.getElementById("ID");

dom.innerHTML ="xxx";

dom.style.color ="#000";

6、 当一个DOM节点被点击时候,希望执行一个函数,怎做?

-- 直接在DOM里绑定事件:<div onclick="test();"></div>

--  在js里通过onclick绑定:xxx.onclick=test;

--  通过事件添加进行绑定:addEventListener(xxx,‘click‘,test);

7、java的事件流模型:

-- “事件冒泡”:事件开始由最具体的元素接受,然后逐级向上传播。

-- “事件捕捉”:事件由最不具体的节点先接收,然后逐级向下,一直到最具体的。

--“DOM事件流”:三个阶段:事件捕捉、目标阶段、事件冒泡

8、what‘s Ajax and JSON,和优缺点。

Ajax是异步JavaScript的xml,用于在web页面中实现异步数据交互。

优点:

--  可以使用页面不重载全部内容的情况下加载局部的内容,降低数据传输量

-- 避免用户不断刷新或者跳转页面,提高用户体验。

缺点:

-- 对搜索引擎不友好

-- 要实现Ajax下的前后退功能成本比较大。

-- 可能造成请求书的增加

-- 跨域问题限制

JSON是一种轻量级的数据交换格式,ECMA的一个子集。

优点:

轻量级、易于人的阅读和编写,便于机器(JavaScript)解析,支持复合数据类型(数组、对象、字符串、数字)

8、如下代码输出为?原因。

var a;

alert(typeof a);  //undefined

alert(b);//报错

释:Undefined是一个只有一个值的数据类型,这个值就是“undefined”,在使用var声明变量但并未对其赋值进行初始化时,这个变量的值就是undefined。而b由于未来声明将报错。注意未声明的变量和声明了未赋值的是不一样的。

9、如下代码输出为?原因。

var a = null;

alert(typeof a);//  object

解释:null是一个只有一个值的数据类型,这个值就是null。表示一个空指针对象,所以用typeof检测会返回“object”.

10、如下代码给出结果

var a = new Object();

a.value=1;

b=a;

b.value =2;

alert(a.value);

//引用数据类型细节

11、一直数组  var stringArray = ["This","is","Baidu","campany"],alert出 “This is Baidu Campany”.

function _combo(){
            var foo="get-element-by-id";
            var arr = foo.split("-");
            for( var i=1;i<arr.length;i++){
                arr[i]= arr[i].charAt(0).toUpperCase()+arr[i].substr(1,arr[i].length-1);
            }
            var msg = arr.join("");
            return msg;
        }

12、var numberArray = [3,2,1,4,5,6];

--  对数组进行倒排 输出 [6,5,4,1,2,3];

--  实现对该数组的降序排列,输出[6,5,4,3,2,1];

var numberArray = [3,2,1,4,5,6];

numberArray.reverse();//[6,5,4,1,2,3];

numberArray.sort(function(a,b){

    return b-a;

})

13、输出今天的日期,以YYYY-MM-DD的方式,

var d = new Date();

//获取年,getFullYear()返回四位数

//获取月,月份比较特殊,0是1月,11是12月,

var month = d.getMonth()+1;

//变为两位

month = month<10? ‘0‘+month:month;

//获取日

var day = d.getDate();

day = day<10? ‘0‘+day:day;

alert(year+‘-‘+month+‘-‘+day);

14、foo = foo||bar 代码含义

if(!foo) foo=bar;//如果foo存在 值不变,否则把bar赋值给foo;

时间: 2024-10-12 03:42:44

javascript基础知识show的相关文章

Javascript基础知识5

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

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 =

JavaScript基础知识梳理--数组

JavaScript基础知识梳理--数组 1.创建方法 空数组:var obj=new Array(); 指定长度数组: var obj=new Array( size ); 指定元素数组 :  var obj=new Array( 元素1,元素2,....): 单位数组:var obj=new Array[ 元素1,元素2,元素3,...,元素N]; 多维数组:var a=new Array( [数组1],[数组2],[数组3],...,[数组N] ); 2.基本操作 存取数组元素: 单维数组

(1)JavaScript基础知识

Javascript基础知识 1.如何使用JavaScript (1).通过<script></script>中直接编写 (2).通过<script src='目标文档的URL'></script>链接外部的Js文件 ① <script  src="URL" type="text/javascript" charset="utf-8"></script> (3).作为某个元素

Javascript基础知识4

字符串大小写转换 toUpperCase()将所有的字符串转换成大写 toLowerCase()将所有的字符串转换成小写 substring(x,y)返回字符串的一部分,从x开始到y结束 charAt(x)获取第x个字符 indexOf("",x)查找字符串, 第一个内容是字符串,第二个是从第x开始 得到的值为这个字符串是从第几个字符开始的 同样lastindexOf()从最后开始查找 split("")分离字符串,内容为以什么分离, 得到的是一个数组 同理,将一个

JavaScript基础知识梳理----正则表达式

JavaScript基础知识梳理----正则表达式 1.创建 方式:---字面量:var 变量名=/表达式/模式修饰符 ---构造函数:var 变量名=new RegExp(“表达式”,“模式修饰符”) 说明: 表达式 单个字符和数字 . 匹配除换行符之外的任意字符 [a-z0-9] 匹配方括号中的任意字符 [^a-z0-9] 匹配不在方括号中的任意字符 \d 匹配数字 \D 匹配非数字 \w 匹配字母 \W 匹配非字母 空白字符 \0 匹配null字符 \b 匹配空格符 \f 匹配进纸符 \n

javascript 基础知识1 数据类型

首先javascript是一种具有面向对象能力的,解释型程序设计语言. js对大小写敏感,一定要采取一致的字符大小写形式,在js中的结束分号(:)是可选的,为了避免JS语句错误,我们还是要注意添加,养成良好的编写习惯. 下面看看数据类型和值. JS有7种数据类型:字符串.数字.布尔.数组.对象.Null.Undefined 字符串类型:由Unicode字符,数字,标点符号组成的序列,可以为多个字符,也可以为0个字符. 1 <script> 2 // var用于声明一个变量 3 var stri

javascript基础知识拾遗

1 下面列出的值被当作假 false null undefined '' 0 NaN 其它所有值被当作是真 console.log(undefined || true); //true console.log(0||true); //true console.log(''||true); //true console.log(false||true); //true console.log(null||true); //true console.log(NaN||true); //true co

JavaScript基础知识3

JavaScript中的函数运行在它们被定义的作用域里,而不是它们被执行的作用域里 JavaScript基础知识3

[转载]JavaScript基础知识细节

作者:张子秋 出处:http://www.cnblogs.com/zhangziqiu/ 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利. 一.摘要 本文是jQuery系列教程的剧场版, 即和jQuery这条主线无关, 主要介绍大家平时会忽略的一些javascript细节.  适合希望巩固javascript理论知识和基础知识的开发人员阅读. 二.前言 最 近面试过一些人, 发现即使经验丰富的开发人员, 对于一些