0426JavaScript知识点总结

最新推荐文章于 2024-07-17 15:26:15 发布

LIaaaaaa1

最新推荐文章于 2024-07-17 15:26:15 发布

阅读量1.4k

点赞数

分类专栏：新手入门文章标签： javascript

本文链接：https://blog.csdn.net/lrtdfgd/article/details/124434761

版权

新手入门专栏收录该内容

26 篇文章 0 订阅

订阅专栏

1 js创建数组的三种格式

js创建数组的特点:

js是弱类型语言,在js的数组中,可以保存数字,字符串等全部类型的内容

<1 格式>

创建数组

var arr = new Array() ;
            
  <2 格式>:  数组对象名 = new Array(size) ;//指定数组长度
   var arr = new Array(4) ; // 数组中最大索引值:arr.length-1
        
        
<3 格式>：

var  数组对象名 = [元素1,元素2,...] ;
var arr = [10,20,30,40,"hello",true,'a',100,3.14,new Object()] ;

========================

2 js数组输出时的注意点

想要在浏览器中看到js数组,需要通过遍历数组的方法来获取数组

for <var i = 0; i < arr.length; i++>{
    document.write(arr[i]+"<br/>");
}

3 js定义对象的方式

<1方式>

function 对象名(形式列表)

案例

function person(name,age){
this username = name;
this userage = age;
}
this.speak = function(a){
alert("会说:"+a)    
}

<2方式>

不携带参数创建
function person(){
}
var p = new person();

p.name = "张三"
p.speak = function(a){
    alert("会"+a); 
}

p.study=function(subject){
alert("在学"+subject);
}

document.write("名字是:"+p.name);

p.speak("英语");
p.study("hell so hard god")

<3>方法3

利用js的内置对象object,可以代表所有的对象
var p = new Object();
p.brand = "华为手机"
p.call = function(toA){
alert("这个手机给"+toA+"打电话")
}

document.write("手机品牌是:"+p.brand);
p.call("老赵")

方法4

最常用

记这个

用json数据格式来写
{var 对象名 = {"key1":value1,"key2":value2....}
var student = {
    "name" = "悲剧",
    "age" = "999",

"study":function(){
    alert("学啊学");
    }
}

document.write("他叫:"+student.name+"<br/>");
student.study();
}

4.常见dom操作

失去焦点事件:blur事件 启动:onblur
<body>
用户名:<input type="text" name="name" class="c1" id="username" onblur="textBlur" />
//注意此处value是空的
</body>
<script>
function textBlur(){
var input = document.getElementById("username");
}
alert (input.value);//此处能把在输入的任何用户名都alert出来

5.js常用事件编程

1)点击相关的事件
					单击  click    -- onclick属性
					双击  dbclick  -- ondblick属性
			2)焦点事件
					获取焦点  focus -- onfocus属性
					失去焦点  blur -- onblur
					
			3)选项卡发生变化的事件,一般用在select下拉菜单中
					事件名称 change  --onchange属性
一共有三个事件需要触发
<body>
<input type="button" value="click" onclick="testClick()"/><br/>
<input type="button" value="dbClick" ondbclick="testDbclick()" /><br/>
用户名:<input type="text" id="username" value="请输入用户名"
onfocus="testFocus()" onblur="testBlur"
 />
<span id="tip"></span><br/>
<hr/>

<select onchange="testChange()" id="pro">
<option value="请选择">请选择</option>
<option value="陕西省">陕西省</option>
</select>


<select id="city">
<select>

</body>

<script>
//单机发生的事件函数
function testClick(){

alert("单机事件触发");
}

function testDbClick(){
alert("双击事件触发")
}

function testFocus(){
var a = document.getElementByID("username");
a.value ="";
}

function testBlur(){
var username = document.getElementById("username").value;
var a = document.getElementById("tip");

if(username !="老赵"){
a.innerHTML = "x".fontcolor("red");
}else{
a.innerHTML = "√".fontcolor("green");
    }

}

function testChange(){
var province = document.getElementById("pro").value;
var city = document.getElementById("city");
}

city.innerHTML = "";

if (province =="陕西省"){
var arr = ["宝鸡市","渭南市"];
for(var i = 0; i< arr.length;i++){
city.innerHTML +="<option value="+arr[i]">"+arr[i]+"</option>"
    }

}

LIaaaaaa1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
0426JavaScript知识点总结

1 js创建数组的三种格式js创建数组的特点:js是弱类型语言,在js的数组中,可以保存数字,字符串等全部类型的内容 <1 格式>创建数组var arr = new Array() ; <2 格式>: 数组对象名 = new Array(size) ;//指定数组长度 var arr = new Array(4) ; // 数组中最大索引值:arr.length-1 <3 格...
复制链接

扫一扫