JS基础-CSDN博客

本文链接：https://blog.csdn.net/susu09new/article/details/13019597

1.数据类型：字符串、数字、布尔、数组、对象、Null、Undefined

(1)声明变量类型

var carname=new String;

var x= new Number;
var y= new Boolean;
var cars= new Array;

var person= new Object;

(2)定义变量

var x // x 为 undefined
var x = 6; // x 为数字
var x = "Bill"; // x 为字符串
var x=true, y=false // 布尔

(3)数组

var cars=new Array();// 数组

cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
var cars=new Array("Audi","BMW","Volvo");
var cars=["Audi","BMW","Volvo"];
(4)字符串对象
var txt = "Hello";
txt.length=5//属性
txt.indexOf()//方法

txt.replace()

txt.search()

(5)创建 JavaScript 对象

1)person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
2)var person={ //对象
firstname : "Bill",
lastname : "Gates",
id : 5566
};
name=person.lastname;
name=person["lastname"];

2.函数

function myFunction()
{
alert("Hello World!");
}
function myFunction(var1,var2)
{
这里是要执行的代码

}

3.写入 HTML 输出

document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");

4.对事件作出反应

HTML DOM事件:http://www.w3school.com.cn/htmldom/dom_obj_event.asp

onclick事件
<button type="button" οnclick="alert('Welcome!')">点击这里</button>
onload事件
onload 事件会在页面或图像加载完成后立即发生。
```
<body onload="load()"></body>
```

5.改变 HTML 内容

x=document.getElementById("demo") //查找元素
x.innerHTML="Hello JavaScript"; //改变内容

6.改变 HTML 图像
<img id="myimage" οnclick="changeImage()" src="/i/eg_bulboff.gif">

7.改变 HTML 样式
x=document.getElementById("demo") //找到元素
x.style.color="#ff0000"; //改变样式

8.For/In循环
var person={fname:"John",lname:"Doe",age:25};
for (x in person)
{
txt=txt + person[x];

}

9.HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

10.indexOf()
方法返回一个整数值，指出 String 对象内子字符串的开始位置。
即indexOf()括号内所包含的字符在该字符串内的循序位置，在第几位就返回几，
类如：str1=asdfkju,str1.indexOf('d'),则返回的值是2，从0开始数。
如果有重复的字符出现，以第一个字符为准。如果没有找到子字符串，则返回 -1。
11.元素禁用
angular.element($("#idlstMonth")).attr("disabled", false);//启用
angular.element($("#idlstMonth")).attr("disabled", true);//禁用
12.获取元素值
select当前选项的值：$("#idlstMonth").val()
checkbox当前值：  <input type="checkbox" ng-model="ngNTPMode" ng-click='enableNTP()'>
    $scope.ngNTPMode=true;//选中
    $scope.ngNTPMode=false;//未选中
text当前值：
  <input id="idtxtNTPServer" ng-model="ngNTPServer" class="classicTxtBox" type="text" maxlength="255">
    $scope.ngNTPServer=value;
redio:
<label>
        <input type="radio" ng-model="ngrdoMode" ng-click="relativeClick()" id="idrdoRelative" name="rdoMousemode" />        
            {{commonInfoStr.strSetModeToRel}}
        </label>
document.getElementById("idrdoRelative").checked;//设置或获取选中与否
      <input type="radio" ng-model="color" value="red">  Red <br/>
      <input type="radio" ng-model="color" value="green"> Green <br/>
      <input type="radio" ng-model="color" value="blue"> Blue <br/>
$scope.color='blue'
13.text input聚焦光标定位到这个input框$("#idtxtSecond").focus();
14.对象和数组的值copy
var destination = new Array();angular.copy(source, destination); 
15.获取当前的禁用状态为true or false
document.getElementById("idchkSMTPAuth"+server).disabled
16.注意获取本地时间和世界时间的差别。
http://www.w3school.com.cn/js/jsref_obj_date.asp
getUTCMonth 获得世界时间的月份，从（0-11）
16.隐藏表格分隔线的方法

                    <style>
                        #tableSelected th{
                            border-top:0px;
                            border-left:0px;
                        }
                        #tableSelected td{
                            border-top:0px;                   
                            border-left:0px;                  
                         }
                    </style>
                    <table id="tableSelected">