JavaScript(js)

最新推荐文章于 2023-08-30 15:56:43 发布

信天鸽

最新推荐文章于 2023-08-30 15:56:43 发布

阅读量302

点赞数 1

分类专栏： JavaScript(js) 文章标签： javascript

本文链接：https://blog.csdn.net/chaoleshan/article/details/77937833

版权

JavaScript(js) 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

JavaScript(js)：基于对象的，事件驱动的客户端脚本语言，和HTML,CSS一样运行的客户端浏览器中
作用：1.用户交互 2.表单验证 3.动态改变页面内容 4.特效 5.游戏
基本语法：<script type="text/javaScrpt"> alert('Helloword'); </script>
alert()警告框
一、引入JS的两种方式
1.在网页中内嵌JS
缺点：在多个网页中不能复用代码 js都写在网页中，页面比较多，代码臃肿
二、引入外部JS
先在外部定义一个后缀名为.js的文件
在head中通过src=”…” 来引用通过charset=”gbk”来解码

  <script type="" src="路径" charset="gbk"></script>

三、为什么js代码块写在head中而不是写在body中？
因为一般js代码不是让它直接运行，而是在某个事件发生后，驱动它执行。
四、变量的定义：
js是一门大小写敏感的区分大小写的，弱类型语言
定义变量时，不需要同时执行变量的数据类型
1.显示定义
var a=10;
var b=”sss”;
2.隐式定义
a=10;
b=”sss”;
注意：如果先没定义s,直接打印s 会报错s is not defined js和java一样
五：js的基本类型
<1>数值类型
1.整数型 var a=10;
2.实型 var b=”sss”;
3.NAN not a number 不是一个数值
比如： var a =3; alert(a) 3
var a=parseint(“123”) alert(a) 123
var a=parseint(“aaa”) alert (a) not a number
var a=parseint(“123aaa”) alert(a) 123
var a=parseint(“123aaa234”) alert 123
4.Infinity 无穷
var a=10/0; alert(a) ; Infinity 正无穷
var a=-10/0;alert(a); -Infinity 负无穷
<2>字符串类型
注意js中没有字符型，都是字符串
var s=”s” var s=”hello”
字符串可以使用”“或者’‘来表示
’‘表示的字符串是为了解决转义问题
<3>boolean类型
逻辑型，取值为true和flase
有6个假
1.0
2.NAN 假 Infinity真
3.“”假 “ ”真
4.false 假
5.null 假
6.undefined
<4>null
注意null是一个数据类型，而且这个数据类型只用一个值，就是null，表示什么也不引用
<5>undefined
没有定义
注意：中文虽然翻译成没有定义，但实际定义中表示的并不是没有定义，而是默认值
<6>复合型类型
1. 函数
带返回值的函数
function test(a,b){
return a+b;
}
不带返回值得函数
function test(){
alert(“aaa”);
}
2.数组
定义数组的语法：1.声明 2.创建 3.初始化
var intArr=New Array(3);
java中数组和js中数组的区别：
js中数组元素类型可以不同比如可以是基本型也可以是字符串类型
js因为是动态语言，数组中元素的个数可以变化
数组的遍历：for(int i=0;i

  try{
  for(int i=0;i<10;i++){
  document.write(i);
  if(i==5){
  throw new Error("用户自定义错误")
}
}
 }catch(e){
 document.write(e.message);
}finally{
document.write('here');
}

注意：js中只用一种处理方式：try..catch…
十、对象和内建类
常用的内建类：
object:它是所有类的基类
number：number数值类
String:字符串类
math:数学类
Date：日期类
var dateobj=new Date();
document.write(“月”+（dateobj.getMonth()+1）)；
得到格式化的日期：
var date =dateobj.toLocaleString();
alert(date);
十一、两个定时器函数（重点）
1.window.setTimeout(函数名，毫秒)；延迟多少毫秒以后，执行该函数只执行一次

<head>
 <script type="text/javascript">
   function  test(){
   window.setTimeout("gotobaidu();",5000);}
   function gotobaidu(){
   location.assign("http://www.baidu.com");

   }
  </script>
  </head>

  <body>
    <input type="button" name="btn1" id="btn1" value="显示时间" onclick="test();"/>
  </body>

2.window.setInterval(函数名，毫秒)；每隔多少毫秒执行一次

<head>
<script type="text/javascript">
        var div1;
            var myInterval;

            function showTime () {

                myInterval = window.setInterval(changeTime,1000);
                div1 = document.getElementById("div1");//dg //根据ID获得信息

            }

            function changeTime () {

                var currentTime = new Date().toLocaleTimeString();//显示时间

                div1.innerHTML = currentTime;
                //innerHTML属性设置或返回表格行的开始和结束标签之间的 HTML
            }

            function stopTime () {

                window.clearInterval(myInterval);
            }

   </script>
  </head>

  <body>
   <input type="button" name="btn1" id="btn1" value="显示系统时间" onclick="showTime();"/>
   <input type="button" name="btn1" id="btn1" value="停止显示时间" onclick="stopTime();"/>
        <div id="div1"></div>
  </body>

3.清除定时器
window.clearInterval(定时器名)；
十二、history历史对象
代表浏览器的历史栏，可以实现后退
history.back();后退一步
history.forward();前进一步
history.go(-1);后退一步
history.go(3);前进三步
属性：通过history.length获得用户到底走了几步；

信天鸽

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript(js)

JavaScript(js)：基于对象的，事件驱动的客户端脚本语言，和HTML,CSS一样运行的客户端浏览器中作用：1.用户交互 2.表单验证 3.动态改变页面内容 4.特效 5.游戏基本语法：<script type="text/javaScrpt"> alert('Helloword'); </script> alert()警告框
复制链接

扫一扫