javascript基本语法

ly婠婠 ly婠婠     2022-08-03     476

关键词:

BOM 浏览器对象模型

BOM (浏览器对象模型),它提供了与浏览器窗口进行交互的对象。

一、window对象

Window对象表示整个浏览器窗口。

所有浏览器都支持 window 对象。它表示浏览器窗口。

所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

全局变量是 window 对象的属性。

全局函数是 window 对象的方法。

甚至 HTML DOM 的 document 也是 window 对象的属性之一.

 

(1).系统消息框         alert()

例:alert('hello');

(2).确认对话框         confirm()

         该方法返回一个boolean值,如果点击ok返回true,点击cancel返false;

例:if(confirm("确定要删除吗?")){

         //删除

         }       

(3).输入对话框         prompt()

如果点击ok将文本框中的值作为函数值返回,如果点击cancel返回null

例:         var name = prompt("请输入你的姓名?","");

if(name != null){

         alert(‘welcome’+ name);

}

(4). 打开新窗口      window.open()

例:

         window.open("http://www.baidu.com","_blank","width=500, height=500");

注:要将浏览器拦截功能去掉。

(5).定时器

A、window.setInterval();   设置循环定时器

setInterval ()方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval(code,millisec,lang)

参数

描述

code

必需。要调用的函数或要执行的代码串。

millisec

必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。

注:1000ms=1s

lang

可选。 JScript | VBScript | JavaScript

 

 

 

 

 

 

 

B、window.clearInterval(); 清除循环定时器

C、window.setTimeout();    设置单次定时器

D、window.clearTimeout()    清除单次定时器

例子如下:设置一个实时时钟

 JS代码:

<script type="text/javascript">
    
            function time (){
                var myDate=new Date(); 
                var    year=myDate.getFullYear();   //获取完整的年份
                var    month=myDate.getMonth();  //获取当前月份(0-11,0代表1月)
                var    day=myDate.getDate();    //获取当前日(1-31)
                var    hours=myDate.getHours();   //获取当前小时数(0-23)
                var    min=myDate.getMinutes();   //获取当前分钟数(0-59)
                var second=myDate.getSeconds();   //获取当前秒数(0-59)
         var week=myDate.getDay();  //获取当前星期 (0-6,0是星期天)
        
var weekday=['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
         document.getElementById(
"clock").innerHTML="现在是:"+year+"年"+month+"月"+day+"日"+hours+":"+min+":"+second+ weekday[week]; }
         window.setInterval(
"time()",1000); //设置定时器,定时时间为1s.

</script>

HTML代码:

<body onload="time()">
    <div id="clock"></div>
</body>

输出为:

 

本来应该动态显示,但此处为图片。可自行复制代码查看效果。

二、history对象

history对象是window对象的子对象,对应于浏览器的

历史记录。

history.back(); //与在浏览器点击后退按钮相同

history.forward();//与在浏览器中点击按钮向前相同

三、Location对象

Location对象也是window对象的子对象,通过它可以获取或设置浏览器的当前地址。

1.跳转到其它页面

window.location.href = "http://www.163.com";

location.href = "http://www.163.com";

2.重新载入页面(刷新)

 location.reload();

四、navigator对象

Navigator对象包含着有关web浏览器的信息,它也是window的属性,可以用

window.navigator引用它,也可以用navigator引用

例:获取浏览器内部代号,名称,操作系统等信息

var info = navigator.userAgent;

alert(info);

 

javascript的基本语法数据结构

本篇学习资料主要讲解javascript的基本语法、数据结构   无论是传统的编程语言,还是脚本语言,都具有数据类型、常量和变量、运算符、表达式、注释语句、流程控制语句等基本元素构成,这些基本元素构成了变成... 查看详情

javascript的基本语法数据结构

本篇学习资料主要讲解javascript的基本语法、数据结构   无论是传统的编程语言,还是脚本语言,都具有数据类型、常量和变量、运算符、表达式、注释语句、流程控制语句等基本元素构成,这些基本元素构成了变成... 查看详情

javascript:javascript基本介绍及基本语法

什么是javascript?javascript是一种直译型脚本语言,是一种动态类型、弱类型、基于原型的语言。(所谓“脚本语言”:指的是它不具有开发操作系统的能力,只是用来编写大型运用程序的脚本!)javascript本身不提供任何与I/O(输... 查看详情

javascript基本语法

1.javascript输出JavaScript语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。<script>   document.write("helloworld!");</script>插入,输出。document.getElementById("pid").innerHTML="jikexueyuan.com";2.分号&n 查看详情

javascript基本语法

JavaScript基本介绍及发展趋势ECMAScript通过ECMA-262标准化的脚本程序语言,JavaScript是其实现和扩展。1999年ES3发布,成为JavaScript的通行标准。2009年ES5发布,在所有现代浏览器中得到了相当完全的实现2015年ES6发布,被部分实现于大部... 查看详情

javascript的基础数据以及基本的语法

本章主要内容一、JavaScript介绍;组成在html中的使用方式一、基础数据;注释基本常识命名变量基础数据类型运算符赋值符比较符三元操作符逻辑符二、基本语法;if条件语句switch语句for语句while循环语句for与whille的用途区别break... 查看详情

javascript---基本语法

字符串方法:str.lengthstr.charAt(i):取字符串中的某一个;str.indexOf(‘e‘);找第一个出现的位置;找不到返回-1;str.lastIndexOf(‘e‘):找最后一个e出现的位置;找不到返回-1;str.toUpperCase();转大写str.toLowerCase();转小写str.substring(起始位置,结束位... 查看详情

javascript的基本语法

一:基本数据类型:字符串,小数,整数,日期时间,布尔型二:变量  都是通用类型var,可以存储其他类型的值,可以直接使用,不用定义,但是习惯上定义。 定义变量:vara: 所有变量定义都用var来定义,var是... 查看详情

javascript基本语法

上篇博文写到JavaScript的数据类型。JavaScript包括了字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)。一、Javascript数组数组可以用一个变量名存储所有的值,并且可以用变量名访... 查看详情

javascript的基本语法.md

JavaScript的基本语法语句JavaScript程序的执行单位为行(line),也就是一行一行地执行。一般情况下,每一行就是一个语句。语句(statement)是为了完成某种任务而进行的操作,比如下面就是一行赋值语句。vara=1+3;这条语句先用va... 查看详情

javascript基本语法

一、    JavaScript函数1、函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。我们可以将一些常用的代码封装成函数,待用到的时候就能直接调用使用。利用函数可以使代码的组织结构更清晰。函数... 查看详情

javascript基本语法--条件语句&循环语句

条件语句条件语句(Conditionalstatement)是JavaScript里面的基本结构之一,程序根据表达式的真假决定执行或者跳过某个分支,于是,条件语句有时候也可以称为“分支语句”1.if&elseif&else基本写法如下:if(表达式1){//如果表达... 查看详情

javascript基本语法

...些基本的特效,也能用HTML+CSS就能完成。但如今开始进入JavaScript的学习,学习完JS后,才算是能做出一个像样的网站。学习JS就没有像学习HTML和CSS那样轻松了。这如果没有足够的耐心与毅力,估计很快就被 查看详情

javascript基本语法

...。所有浏览器都支持window对象。它表示浏览器窗口。所有JavaScript全局对象、函数以及变量均自动成为window对象的成员。全局变量是window对象的属性。全局函数是window对象的方法。甚至HTMLDOM的document也是window对象的属性 查看详情

javascript基本语法

1.在HTML里面加入JavaScript方法非常简单,就是通过一对<script></script>标签,然后在标签里面书写代码即可 2.标签位置按照以前传统的方法,我们的script标签都是放在head标签里面的。但是由于浏览器进行渲染的时候是由... 查看详情

js学习-javascript基本语法

1关键字var用于定义局部变量,去掉关键字var则可以定义全局变量.//局部变量1varmessage=“hi”,found=false,age=29;//局部变量2functiontest()varmessage=“hi”;//localvariabletest();alert(message);//error!//全局变量functiontest( 查看详情

javascript基本语法3

1.所谓NaN,英语全称Notanumber,表示不是一个数。如果任何一个数和NaN进行操作的话,返回的会是NaN会弹出NaN。注意:NaN的数据类型也是numberNaN与任何值都不相等,包括它自己本身isNaN():判断一个参数是否不是一个数 2.数值转... 查看详情

javascript基本语法概念(代码片段)

异常Javascript通过trycatch(e)finally来捕获异常,也可以痛过throw关键字来抛出自定义异常。functionfun1(a)tryif(a>3)console.log('a==='+a);elsethrow'a值不被允许';catch(err)//非自定义异常需要用err.messagec 查看详情