首页 > 代码库 > Java Script的基础学习

Java Script的基础学习

2024-09-12 17:31:08   207人阅读

一、什么是java script？

      简称：js。是前端知识的一部分，语句用于向浏览器发送命令，告诉浏览器该做什么。js同一般的编程语言类似。但是语法上可能会有区别。基础知识的学习分为：变量、循环、函数、库函数等几方面。

 

二、变量

      JavaScript 对大小写是敏感的。且弱化数据类型

      提示：一个好的编程习惯是，在代码开始处，统一对需要的变量进行声明。

      一条语句，多个变量

 

     var name="G", age=1, job="CTO";

 

      声明也可横跨多行：
      var name="G"；
       age=1；
       job="CTO";
 
   
      var carname;  //变量 carname 的值将是 undefined
     
      
    var carname="Volvo";
    var carname;//
在以下两条语句执行后，变量 carname 的值依然是 "Volvo"
 
 
    
JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型
     var x  ;//x为undefined
     var x = 6;//x为数字
     var x = "add";//x为字符串
JavaScript 只有一种数字类型。数字可以带小数点，也可以不带
 
数组的格式：
               
var cars=new Array(); cars[0]="A"; cars[1]="B"; cars[2]="c";
 
或者  var cars=new Array("A","B","C");
或者   var cars=【"A","B","C"】
 
提示 ：数组下标是基于零的，所以第一个项目是 [0]，第二个是 [1]，以此类推。
 
对象的格式(在 JavaScript 中，对象是拥有属性和方法的数据)：
对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：
    
var person={name:"wangnima", sex:"不明", id:11111111};
创建对象：
 var x = new object（）；
  x.name = "wangnima";
  x.sex = "不明";
  x.id = "666";
 
对象的两种寻址方式：
(1)name = person.name;
(2)name = person["name"]
 
 
 
Undefined 和 Null
Undefined 这个值表示变量不含有值
可以通过将变量的值设置为 null 来清空变量。
 
JavaScript 中的所有事物都是对象.

声明变量类型：
明新变量时，可以使用关键词 "new" 来声明其类型：
var x = new String;
var x = new Number;
var x = new Boolean;
var x = new Arrary;
var x = new object（）;
 
条件运算符：
 （1）greeting=(visitor=="PRES")?"Dear President ":"Dear ";//如果变量 visitor 中的值是 "PRES"，则向变量 greeting 赋值 "Dear President "，否则赋值 "Dear"。
   (2) if 条件  {}   else  {}
  
循环：
     （1）  for循环
                var i =2,len=s.length;
                 for(;i<len;<i++){}
 
 
                 var i =2;len = s.length;
                  for(;i<len;){i++;}
 
                  
                   var x = {name:"wangnima",sex:"buming",id="666" }
                   for(i in x) {}
 
 
     (2) while循环
           while（i < 5）{i++}
 
 
函数：
      
 
 
JavaScript 测试和捕捉（函数里用）:
  
try 语句允许我们定义在执行时进行错误测试的代码块。
catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。
trycatch 是成对出现的。
语法：
      try{//这里运行代码}
       catch（err）{这里处理错误}
 
改变 HTML 属性：
document.getElementById("image").src="http://www.mamicode.com/landscape.jpg";
改变 HTML 样式：
document.getElementById("p2").style.color="blue";
对事件做出反应：
document.getElementById("myBtn").onclick=function(){displayDate()};
onload 和 onunload 事件：
onload 和 onunload 事件会在用户进入或离开页面时被触发。eg：  <body onl oad="checkCookies()">
onmouseover 和 onm ouseout 事件:onmouseover 和 onm ouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。
onmousedown、onmouseup 以及 onclick 事件: 
onmousedown, onm ouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时，会触发 onm ousedown 事件，当释放鼠标按钮时，会触发 onm ouseup 事件，最后，当完成鼠标点击时，会触发 onclick 事件。
exec():exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回 null。
Window 方法:
window.open() - 打开新窗口
window.close() - 关闭当前窗口
window.moveTo() - 移动当前窗口
window.resizeTo() - 调整当前窗口的尺寸
Window Screen:
screen.availWidth - 可用的屏幕宽度
screen.availHeight - 可用的屏幕高度
Window Location:window.location 对象在编写时可不使用 window 这个前缀
location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口 （80 或 443）
location.protocol 返回所使用的 web 协议（http:// 或 https://）
Window History:
history.back() - 与在浏览器点击后退按钮相同
history.forward() - 与在浏览器中点击按钮向前相同
window.navigator 对象包含有关访问者浏览器的信息。
警告框:alert("文本")
确认框:confirm("文本")
提示框:prompt("文本","默认值")
 
总结：js的语法就那么多，只要掌握了基本语法，之后的使用大多都是会搜对应库函数了。当然js也有许多框架（JavaScript 框架等），提供更方便的编程方式。后期学习~~~
 

Java Script的基础学习


联系
我们