JavaScript函数与Window对象

JavaScript函数与Window对象

一、函数的使用

函数的含义：类似于Java中的方法，是完成特定任务的代码语句块

◆常用系统函数:

parseInt ("字符串")

将字符串转换为整型数字

如: parseInt ("86")将字符串“86”转换为整型值86

parseFloat("字符串")

将字符串转换为浮点型数字

如: parseFloat("34.45")将字符串“34.45”转换为浮点值34.45

isNaN()

用于检查其参数是否是非数字

var a = parseInt("85.6");

var b = parseFloat("85.6");

var c = isNaN("56");//is Not aNumber

document.write(a+"<br/>"+b+"<br/>"+c);

</script>

◆自定义函数

案例一:无参函数

<html>

<head>

<title>第一个JavaScript程序</title>

</head>

<body>

<script type="text/javascript">

function abc(){

for(var i=1;i<=10;i++){

document.write("<h1>Hello World！</h1>");

}

</script>

<input type="button" value="点我" onClick="abc()" />

</body>

</html>

案例二:带参数的函数

<html>

<head>

<title>第一个JavaScript程序</title>

</head>

<body>

<script type="text/javascript">

function abc(x){

for(var i=1;i<=x;i++){

document.write("<h1>Hello World！</h1>");

}

</script>

<input type="button" value="点我" onClick="abc(20)" />

</body>

</html>

案例三: 使用prompt输入两个数和运算符号，然后计算两个数的操作结果

使用switch判断运算符号

调用函数计算两数的结果

<html>

<head>

<title>第一个JavaScript程序</title>

</head>

<body>

<script type="text/javascript">

function account()

{

var op1=prompt("请输入第一个数：","");

var op2=prompt("请输入第二个数：","");

var sign=prompt("请输入运算符号","")

var result;

opp1=parseFloat(op1);

opp2=parseFloat(op2);

switch(sign)

{

case "+":

result=opp1+opp2;

break;

case "-":

result=opp1-opp2;

break;

case "*":

result=opp1*opp2;

break;

case "/":

result=opp1/opp2;

break;

}

alert(op1+sign+op2+"="+result);

}

</script>

<input type="button" value="计算结果" onClick="account()" />

</body>

</html>

案例:关闭窗口:

<html>

<head>

<scripttype="text/javascript">

functiongb(){

varx = confirm("是否关闭窗口?");

if(x){

window.close();

}

</script>

</head>

<body>

<inputtype="button" value="关闭"onClick="gb()"/><br/>

</body>

</html>

二、Window对象的使用

3常用属性

3常用方法

3常用事件

1. 常用属性

2. 常用方法

3. 常用事件

综合案例:电子时钟

Date日期对象自己查询W3C文档

var x = new Date();

var year = x.getFullYear();

var month = x.getMonth()+1;

var date = x.getDate();

var hours = x.getHours();

var minuts = x.getMinutes();

var seconds = x.getSeconds();

var day = x.getDay();

if(seconds<10){

document.write(year+"年"+month+"月"+date+"日 "+hours+":"+minuts+":0"+seconds);

}else{

document.write(year+"年"+month+"月"+date+"日 "+hours+":"+minuts+":"+seconds);

}

</script>

<html>

<head>

<title>第一个JavaScript程序</title>

function showTime(){

var x = new Date();

var year = x.getFullYear();

var month = x.getMonth()+1;

var date = x.getDate();

var hours = x.getHours();

var minuts = x.getMinutes();

var seconds = x.getSeconds();

var day = x.getDay();

if(seconds<10){

document.getElementById("time").innerHTML=year+'年'+month+'月'+date+'日 '+hours+':'+minuts+':0'+seconds;

}else{

document.getElementById("time").innerHTML=year+'年'+month+'月'+date+'日 '+hours+':'+minuts+':'+seconds;

}

setInterval("showTime()",1000);

</script>

</head>

</body>

</html>

转载于:https://blog.51cto.com/chengxu1102/1864050

JavaScript函数与Window对象相关推荐

JavaScript权威指南--window对象
知识要点 window对象及其客户端javascript所扮演的核心角色:它是客户端javascript程序的全局对象.本章介绍window对象的属性和方法,这些属性定义了不同的API,但是只有一部分 ...
JavaScript中的window对象详解
1.window对象简介 (1)在JavaScript中,一个浏览器窗口就是一个window对象. (2)一个窗口就是一个window对象,这个窗口里面的HTML文档就是一个document对象,do ...
JS学习之全局函数与window对象
学习峰哥Js教程自学笔记,峰哥Java学习路线:http://www.java1234.com/javaxuexiluxiantu.html 1.全局函数: 1)概念:全局函数不属于任何一个内置对象. ...
JavaScript 控制台打印window对象
示例代码 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...
小汤学编程之JavaScript学习day04——自定义对象、原型与原型链、BOM
一.自定义对象 1.对象的定义 2.对象的使用二.原型与原型链 1.JS的继承结构图 2.关键点三.BOM 1.window对象 2.document对象 3.lo ...
Global对象和window对象
Global对象不属于任何其他对象的属性和方法,最终都是Global对象的属性和方法.如 parseFloat( ).parseInt( ).escape( ).unescape( ).isFini ...
JS基本语法-JavaScript中的常用对象3-window对象，即窗口对象
1. 简介: window对象,即窗口对象.在JavaScript中,通常指的是浏览器窗口对象.所有全局 JavaScript 对象,函数和变量都是window对象的成员. 2. window对象的主 ...
函数的不同的调用方式函数也是对象数组的函数调用 apply和call方法的使用
函数的不同的调用方式 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
前端开发：JS中的Window对象详解
前言在前端开发过程中,关于全局对象的使用是非常常用的,其实每个JS环境中都一个全局对象,尤其是在实际开发过程中全局范围内创建任何变量都是这个全局对象的属性,且任何函数都是它的方法.在实际浏览器环境下 ...

JavaScript函数与Window对象

JavaScript函数与Window对象相关推荐

最新文章

热门文章