码迷,mamicode.com
首页 > 编程语言 > 详细

javaScript 必会基础知识

时间:2018-02-11 22:37:17      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:菜鸟   数值   turn   定位   com   cti   app   put   自动类型转换   

1、JavaScript是一种浏览器解析的轻量级脚本语言。

2、html、jsp等内部js代码写在<script></script>之间;外部js文件中书写js代码不能有<script></script>,因为引用外部js时,就将js代码引用到了<script></script>之间,

引用方式<script src="./myScript.js"></script>(引用外部js文件,默认从WebContent文件夹下开始读取;如果为老一点的项目可能从WebRoot读取)

3、javaScript数据显示常用方式:

window.alert();//浏览器提示框,window可以省略

console.log();//将内容写到控制台,经常用于调试,可以看到数据的结构

document.write();//将内容写到浏览器页面

innerHTML="给标签之间添加内容";

4、js注释(单行和多行注释与java相同,js与java的相同点都对大小写敏感;忽略空格,所以才有缩进;变量都以字母开头,不推荐以$和_开头;)

//单行注释

/* */多行注释

5、选择对象的常用方式

document.getElementById("myid");//Element

document.getElementsByName("name");//NodeList

document.getElementsByTagName("Input“”);//NodeList

6、js类型

常见8种数据类型:string  number   boolean  array    object  null(空,清空变量)  undefined(变量为赋值时,的默认值)  function

常见的3种对象类型:date  array  object

7、常用js事件

onload  //浏览器页面已加载完

onclick  //点击事件

change  //值发生改变,常用在下拉列表中

onmouseover  //鼠标移入某个html标签

onmouseout  //鼠标移出某个html标签

onkeydown  //用户按下鼠标按键

8、字符串中的特殊字符

如:var str = "双引号内双引号"kdfjkdfj"这种写法不对 "//全部改为单引号也不对

正确:var str = "双引号内双引号\"kdfjkdfj\"这种写法不对 "

     var str = "双引号内双引号‘kdfjkdfj‘这种写法不对 "//内部使用单引号

9、折行用反斜杠

eg:document.write("折行前内容\

折行后内容");//用于一行内容过长,折行,将反斜杠解析为一个空格

10 typeof   和 instanceof

var type = type of "aaa";//显示某个变量属于的数据类型

var arr = [1, 2, 3, 4];

if (arr instanceof Array){//显示某个对象变量属于的对象类型

  document.write("arr 属于数组Array类型");

}

10、类型转换

其他转string  使用toString();

string转数值,Number(str);//parseInt(str);parseFloat(str);

自动类型转换:

document.write("5" + null);//5null

document.write(5 + null);//5

document.write("5" + 1);//51

document.write("5" - 1);//4

11、js正在表达式

如:var regExp = /e/i;//i正则表达式的修饰符,不区分大小写;/e/正则表达式主体

两个方法:

regExp.test(str);//true/flase;

regExp.exec(str);//在str中匹配查找,找不到就返回null;找到就返回第一个

12、表单验证

<form name="testForm" action="a.html" method="post" onsubmit="return myFunction()">

  testForm<input type="text" name="name"/>

      <input type="submit" value="提交" 

</form>

获取表单:document.forms[testForm][name].value;

//添加id,用id获取也行

13、json

JSON.parse(jsonStr);//将json对象转为js对象

JSON.stringify(jsObject);//将js对象转为json对象

14、javascript:void(0);//void(表达式),表达式执行完,结果不被接收,所以不会有反应

href="#"与href="javascript:void(0)"的区别
# 包含了一个位置信息,默认的锚是#top 也就是网页的上端。

而javascript:void(0), 仅仅表示一个死链接。

在页面很长的时候会使用 # 来定位页面的具体位置,格式为:# + id。

如果你要定义一个死链接请使用 javascript:void(0) 。

15、dom

<div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另一个段落。</p>
</div>

<script>
var para=document.createElement("p");
var node=document.createTextNode("这是一个新段落。");
para.appendChild(node);

var element=document.getElementById("div1");
element.appendChild(para);
</script>

 

本文参考或引用:菜鸟教程

http://www.runoob.com/js/js-tutorial.html

 

javaScript 必会基础知识

标签:菜鸟   数值   turn   定位   com   cti   app   put   自动类型转换   

原文地址:https://www.cnblogs.com/hblthink/p/8443244.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!