一、JS基础

JS - javaScript

1、js功能:

1)、进行数据的运算。2)、控制浏览器的一些功能。3)、控制元素(属性、内容、样式)

js引用位置:

可以放在html页的任意位置。

推荐放在<html></html>后边。

也可以放在一个以js结尾的文件内,将该文件引用到html页内。

2、格式:

<script type="text/javascript">

js代码

</script>

1、alert("")警告对话框。

2、confirm("")确定对话框,弹出一个可供选择的确定对话框,点击确定会返回true。点击取消会返回false。

3、prompt("对话框中显示的内容")弹出一个可以输入内容的对话框。

3、基本数据类型:

字符串、小数、整数、时间日期、布尔型

4、变量:

都是通用类型   var

5、类型转换:

其他类型转化为整数:parseint();

其他类型转化为小数:parsefloat();

判断是否是数字类型:isNaN();    是数字的话返回false,不是数字的话返回true;

6、运算符、if语句、for循环和C#一样。

7、数组:

数组的定义:new Array();

赋值:a[0]=123;   a[1]="haha";

取值:a[i];

8、函数

定义函数:function aaa(){函数体};     aaa是函数名

调用函数:aaa();

9、练习题:

1、让用户输入一个数字,返回“是数字”,“不是数字”

 <script type="text/javascript">
var a = prompt("请输入一个数字:");
if(isNaN(a)==false)
alert("输入的是数字!")
else
alert("输入的不是数字!")
</script>

2、让用户输入5个学生信息,姓名,性别,年龄,成绩。

打印成绩最高的那名学生的全部信息,格式如下:

“姓名:XXX,性别:XXX,年龄XXX,成绩:XXX,第一名!”

 <script type="text/javascript">
var arrall = new Array(); for (var i = 0; i < 3; i++) {
var arr = new Array();
arr[0] = prompt((i + 1) + "请输入姓名:");
arr[1] = prompt((i + 1) + "请输入性别:");
arr[2] = prompt((i + 1) + "请输入年龄:");
arr[3] = prompt((i + 1) + "请输入成绩:"); arrall[i] = arr;
} for (var i = 0; i < arrall.length; i++) {
for (var j = i + 1; j < arrall.length; j++) {
if (arrall[i][3] < arrall[j][3]) {
var zhong = arrall[i];
arrall[i] = arrall[j];
arrall[j] = zhong;
}
}
} alert('姓名:' + arrall[0][0] + ',性别:' + arrall[0][1] + ',年龄:' + arrall[0][2] + ',成绩:' + arrall[0][3] + ',第一名!'); </script>

DOM操作

var aaa=document.getElementById("id")

将通过id找到的这个XX放到aaa内

事件:动作

“点击事件”:   aaa.onclick=function(){

函数体

}

点击事件后面放方法。

1、windows对象操作

(1)window.open("第一部分","第二部分","第三部分","第四部分")

第一部分写页面地址

第二部分写页面打开方式:_self  在自身打开; _blank  在新的空白页打开

第三部分控制打开窗口格式:width=100 height=100 left=200 top=200  新打开的窗口的宽带100高度100 距离左边200 距离上边200

window.open()是有返回值的可以将其保存在一个变量中:var  aaa=window.open();

可以将打开的多个窗口保存在一个数组w里:

function openW()

{

w[i++]=window.open();

}

(2)window.close();关闭当前窗口。

关闭打开当前窗口的源窗口:window.opener.close();

调整页面:window.scrollTo(x,y)滚动页面到某个位置,y代表纵向滚动。一般情况下x是0,调整Y值,作用像是锚点

2、window.history对象

window.history.back();页面后退

window.history.forward();页面前进

window.history.go(n);n如果是正数则代表前进n个页面,n如果是负数则代表后退n个页面。

3、window.location对象

var s=window.location.href;获取当前页面地址

window.location.href="路径";   修改页面地址,会跳转页面

【2017-03-28】JS基础、windows对象、history对象、location对象的更多相关文章

  1. Js基础知识7-JavaScript所有内置对象属性和方法汇总

    对象什么的,程序员可是有很多呢... JS三大对象 对象,是任何一个开发者都无法绕开和逃避的话题,她似乎有些深不可测,但如此伟大和巧妙的存在,一定值得你去摸索.发现.征服. 我们都知道,JavaScr ...

  2. JS浏览器对象:window对象、History、Location对象、Screen对象

    一.JS浏览器对象-window 1.window对象 window对象是BOM的核心,window对象指当前的浏览器窗口 所有JavaScript全局对象.函数以及变量均自动成为window对象的成 ...

  3. js基础梳理-究竟什么是变量对象,什么是活动对象?

    首先,回顾下上篇博文中js基础梳理-究竟什么是执行上下文栈(执行栈),执行上下文(可执行代码)?的执行上下文的生命周期: 3.执行上下文的生命周期 3.1 创建阶段 生成变量对象(Variable o ...

  4. JavaScript (JS)基础:BOM 浅析 (含window对象相关基本方法、属性解析)

    ① window对象(Math方法也属于window对象): window对象是JavaScript中的顶级对象,所有定义在全局作用域中的变量.函数都会变成window对象的属性和方法,window对 ...

  5. 5.28 js基础 简介

    Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) JavaScript历史背景介绍 布 ...

  6. [妙味JS基础]第十课:日期对象、时钟倒计时

    知识点总结 时间.年.月.日.时.分.秒 new Date() ->当前系统的时间对象 数字类型: getFullYear().getYear().getUTCFullYear() getYea ...

  7. 2-8 js基础 jsonp封装

    'use strict'; function jsonp(json){ json = json||{} if(!json.url)return; json.data=json.data||{}; js ...

  8. js基础总结04 --bom对象

    1.Bom 定义:浏览器对象模型,包含一系列与浏览器窗口交互的对象,如:Window,Location,History,Document,Screen 2.Window对象 定义:窗口对象,所有js中 ...

  9. js基础和工具库

    /* * 作者: 胡乐 * 2015/4/18 * js 基础 和 工具库 * * * */ //根据获取对象 function hGetId(id){ return document.getElem ...

  10. JavaScript -基础- 函数与对象(四) BOM 对象

    一.BOM对象 BOM游览器对象模型,可以与游览器对话 BOM下Window对象最重要,还有history.location对象 二.Window对象方法 1.alert提示框 2.confirm c ...

随机推荐

  1. HBase管理与监控——彻底删除HBase数据

    1.hadoop的bin目录下,执行命令以下命令清除Hbase数据 hadoop fs -rm -r /hbase 2.连接ZK,执行以下命令清除Hbase数据 rmr /hbase 3.重启ZK.重 ...

  2. 20190722 - Windows 下使用 move 命令和通配符移动多个文件

    这是个标题党,实际上 move 命令无法移动通配符匹配的多个文件 比如,我有四个文件: c:\a\a1.txt c:\a\a2.txt c:\a\b1.txt c:\a\b2.txt 想移动后两个文件 ...

  3. 【Gym - 100923I】Por Costel and the Pairs(思维题)

    Por Costel and the Pairs Descriptions 有T组测试样例 有n个男的,n个女的,第i个人都有为当前一个大小为i的懒惰值,当一男一女懒惰值的乘积<=n他们就就可以 ...

  4. 一篇学习完rabbitmq基础知识,springboot整合rabbitmq

    一   rabbitmq 介绍 MQ全称为Message Queue,即消息队列, RabbitMQ是由erlang语言开发,基于AMQP(Advanced MessageQueue 高级消息队列协议 ...

  5. elasticsearch 常用查询 + 删除索引 + 集群状态诊断

    1.多条件查询 curl -X POST \ http://10.0.0.42:9200/addressbook_user/_search \ -H 'cache-control: no-cache' ...

  6. 面试总结 | 百度 NLP 实习生

    1. 项目简历:主要体现和招聘要求相关的工作,简历要精简,不要给过多冗余信息.对于每个项目,自己做过的工作,里面用到的方法,要很清楚,工作的motivation.意义等也要清楚. 这次面试中我的问题: ...

  7. vue中打包之后的dist文件不放在服务器的根目录下

    在工作当中,我使用webpack打包的dist,由于管理的问题,无法被放在服务器根目录下 ,但在目前的vue配置,dist不放在根目录下,访问页面会成为一片空白,于是便要对vue框架的config进行 ...

  8. SQL SERVER DATEADD函数

    定义: DATEADD() 函数在日期中加上指定的时间间隔. ※指定的时间间隔可以为负数 语法: DATEADD(datepart,number,date) 参数: ①datepart 参数可以是下列 ...

  9. OracleLinux6安装

    针对Oracle数据库安装的linux系统 1.首先要有oracle linux的镜像 链接:https://pan.baidu.com/s/1S3xYr4YNGtU-351bVaS1-Q 提取码:a ...

  10. JDK1.8 新特性(全)

    原文链接:https://blog.csdn.net/qq_29411737/article/details/80835658