javascript基础

来源：互联网发布：加入淘宝客的要求编辑：程序博客网时间：2024/06/06 11:45

简介：

javaScript：它是一种动态类型，弱类型的，基于原型的的语言。是一种脚本语言对于内嵌式的js主要写在两个地方:<head></head>和<body></body>中，必须嵌在<script type = "text/javascript" charset = "utf-8"> </script>

charset是用来统一字符集

还有一个方法和一个对象：alert("这里是字符串")；

和document对象。document.write(往页面上写的内容);

第二部分

1、javascript的引入方式：

直接在嵌入html代码中
从外部引入<script type = "text/javascript" src="./js/myjs"></script>

2、JavaScript的注释：

单行注释 //
多行注释 /*这里是多行注释 */

3、JavaScript的变量：

var paramname;是弱类型的，后边可以跟任何的类型
var a = 3;
document.write("a= " +a +"</br>");
var b = "这是字符串";
document.write("b= " +b+"</br>");
强制类型转换：(常用的 )

parseInt("")和parseFloat("")函数只对于string类型起作用例如：
var a = parseInt("123"); var b = parseInt("23");
alert("a-b的结果是"+(a-b) );

4、JavaScript的基本数据类型

<script type="text/javascript">
var a=1;
document.write("数值类型a="+a+"<br/>");
var b=1.2;
document.write("数值类型b="+b+"<br/>");
var c='我是人';
document.write("字符串类型c="+c+"<br/>");
var d=false;
document.write("布尔类型d="+d+"<br/>");

var e; // 表示变量不含有值输出结果是undefined
document.write("e="+e+"<br/>");

var f="你好";
document.write("f="+f+"<br/>");
f=null; // 变量置空
document.write("f="+f+"<br/>");
</script>

5、算术运算符

+,-,*,/，%(取余 )，++x(x=x+1,x=x,输出结果为11),x++(x=x,x=x+1,输出结果是10 )
6、赋值运算符

=，+=，-=，*=，/=，%=
7、比较运算符(x=10)

x == 10 结果是true
x == '10' 结果是true
x ===10 结果是true //表示类型也得相等，JavaScript等弱类型特有的，java中没有
x ==='10 ' 结果是false
x !=='10' 结果是true //!==表示也比较类型
其他的运算符跟java一样
8、逻辑运算符

与： &&
或： ||
9、三目运算符

(x>y)?x:y //若x>y则结果为x,否则结果为y

第三部分：

1、JavaScript处理DOM事件

js代码：
      function fuck()
        {
              alert("我是单机事件")；
        }

<input type = "button" value = "单击 " onclick = "fuck()">
ondblclick 鼠标双击
onmousedown 鼠标按下时触发此事件
onmouseup      鼠标松开后触发此事件
onmousemove 鼠标移动时触发此事件
onmouseout 当鼠标离开某对象范围是触发事件
onkeypress 当键盘上的某个键按下并释放时触发的事件
onkeydown 当键盘上某个键被按下时触发事件
okkeyup 当键盘上某个键被放开时触发事件
onsubmit 一个表单被提交时触发的事件
......
2、JavaScript操作DOM节点

function modifyDOM(){

  document.getElementById("txt").innerHTML="用户名："; //将id为txt的标签赋值为“用户名： ”
  document.getElementById("userName").value="Jack"; //将输入框的默认值修改为"jack"
}
function addDOM(){

var para=document.createElement("p"); //创建一个<p> 标签
var node=document.createTextNode("...前..."); //创建一个文本节点
para.appendChild(node) ; //将文本放在p标签中
var parent=document.getElementById("parent"); //对象为id为parent的div                              var son1=document.getElementById("son1"); //对象为id为son1的div
parent.insertBefore(para, son1); //将para对象插入到son1对象的前边

}
function removeDOM(){
           var parent = document.getElementById("parents" );
          va = document.getElementById("son");
          parent.removeChiled(son);
}
第四部分：

1、JavaScript对象（对象的构造方法，既能构造参数，又能构造函数）
function person(name,age){
this.name2=name;
this.age2=age;
function speak(something){
alert(something);
}

this.func=speak; //函数也可以
}
var p1=new person("Jack",12); //js对象
alert(p1.name2); //调用对象
p1.func("Hello,EveryOne!"); //调用对象函数
2、JavaScript的字符串对象

计算字符串对象的长度： strName.length
改变字符串的样式：

strName.big();//变大
strName.bold(); //加粗
strName.fontcolor("Red"); //改变字体颜色
strName. toLowerCase(); //变为小写
......

strName.ndexOf(“制定的字符串") ；//来定位字符串中某一个指定的字符首次出现的位置
strName.replace(“被替换的字符串"，"新字符串 ") ；//来定位字符串中某一个指定的字符首次出现的位置
strName.match("字符串 ");//返回查找成功的字符串，严格区分大小写
3、JavaScript的日期对象

<script type ="text/javascript">
var date = new Date(); //获取日期对象

//获取年月日
var today = date.getFullYear()+"年"+date.getMonth()+"月"+date.getDate()+"日";
document.write(today+"<br/>");

//获取时分秒
var shijian = date.getHours() +"时"+ date.getMinutes()+"分"+date.getSeconds()+"秒";
document.write(shijian+"<br/>");
//打印时间
document.write(today+" "+shijian);

//获取周几
var day = date.getDay(); //getDay()  是获取星期几的函数
var week;
switch(day)
{
case(0): week = "周日";break;
case(1): week = "周一";break;
case(2): week = "周二";break;
case(3): week = "周三";break;
case(4): week = "周四";break;
case(5): week = "周五";break;
case(6): week = "周六";break;

}
document.write(" "+week);
</script>

4、数组对象

var arr = new Array(); //定义变长的数组
或者
var arr2 = new Array(3);    //定义定长的数组

//数组的遍历
for(i = 0;i<arr.length;i++){
document.write(arr[i]+" "+"<br/>");
} 或者是
for(o in arr2){
document.write(arr2[o] + "<br/>");
}

数组常用方法：

document.write(arr.sort()+" <br/>"); //字母顺序或者数字顺序
document.write(arr2.join("!")+" <br/> "); //连接arr2数组的元素并以！隔开
document.write(arr.concat(arr2)+"<br/>") ; //将数组arr2和arr合并
document.write(arr2.reverse()+"<br/>") ; //将arr2按sort()排序的逆序

第五章常用函数

1、全局函数

escape("这里是字符串 "); //  对字符串进行编码
unescape("编码后的串   ") ; //解码
eval("要计算的某个字符串1+2+3 ") ; //对字符串进行计算
isNan(x); //检查x是否为合法的非数值类型是则返回 false 不是则返回false
isFinit(x )；//如果参数书有限数字，则返回true,否则返回false
parseInt("string");
parseFloat("string");

2、页面定时刷新的几种方法

//方法一：用定时器方法整个页面定时刷新
function myrefresh()
{
window.location.reload();
}
window.setTimeout('myrefresh()',1000); //注意是单引号，然后加（），然后时间的单位值毫秒

//方法二： setInterval ('方法()',1000)
function setTime(){
var date = new Date();
var today = date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日"+
date.getHours() +"时"+ date.getMinutes()+"分"+date.getSeconds()+"秒";
document.getElementById("timediv").innerHTML = today;
}
window.setInterval('setTime()',1000);
3、windows的几个函数

window.open("http://www.baidu.com"); //必须要加http

以以上为javascript的基础部分，高级部分后续会更新

0 0