【2017-03-28】JS基础、windows对象、history对象、location对象
一、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对象的更多相关文章
- Js基础知识7-JavaScript所有内置对象属性和方法汇总
对象什么的,程序员可是有很多呢... JS三大对象 对象,是任何一个开发者都无法绕开和逃避的话题,她似乎有些深不可测,但如此伟大和巧妙的存在,一定值得你去摸索.发现.征服. 我们都知道,JavaScr ...
- JS浏览器对象:window对象、History、Location对象、Screen对象
一.JS浏览器对象-window 1.window对象 window对象是BOM的核心,window对象指当前的浏览器窗口 所有JavaScript全局对象.函数以及变量均自动成为window对象的成 ...
- js基础梳理-究竟什么是变量对象,什么是活动对象?
首先,回顾下上篇博文中js基础梳理-究竟什么是执行上下文栈(执行栈),执行上下文(可执行代码)?的执行上下文的生命周期: 3.执行上下文的生命周期 3.1 创建阶段 生成变量对象(Variable o ...
- JavaScript (JS)基础:BOM 浅析 (含window对象相关基本方法、属性解析)
① window对象(Math方法也属于window对象): window对象是JavaScript中的顶级对象,所有定义在全局作用域中的变量.函数都会变成window对象的属性和方法,window对 ...
- 5.28 js基础 简介
Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) JavaScript历史背景介绍 布 ...
- [妙味JS基础]第十课:日期对象、时钟倒计时
知识点总结 时间.年.月.日.时.分.秒 new Date() ->当前系统的时间对象 数字类型: getFullYear().getYear().getUTCFullYear() getYea ...
- 2-8 js基础 jsonp封装
'use strict'; function jsonp(json){ json = json||{} if(!json.url)return; json.data=json.data||{}; js ...
- js基础总结04 --bom对象
1.Bom 定义:浏览器对象模型,包含一系列与浏览器窗口交互的对象,如:Window,Location,History,Document,Screen 2.Window对象 定义:窗口对象,所有js中 ...
- js基础和工具库
/* * 作者: 胡乐 * 2015/4/18 * js 基础 和 工具库 * * * */ //根据获取对象 function hGetId(id){ return document.getElem ...
- JavaScript -基础- 函数与对象(四) BOM 对象
一.BOM对象 BOM游览器对象模型,可以与游览器对话 BOM下Window对象最重要,还有history.location对象 二.Window对象方法 1.alert提示框 2.confirm c ...
随机推荐
- TMainMenu 类[三] - 手动建立菜单(5) : 给菜单项添加事件
unit Unit1; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, For ...
- C语言JS引擎
基础知识 SpiderMonkey 简介 和其他的 JavaScript 引擎一样,SpiderMonkey 不直接提供像 DOM 这样的对象,而是提供解析,执行 JavaSccript 代码,垃圾回 ...
- TextInput组件的常用属性
1.TextInput组件基本介绍: TextInput是一个允许用户在应用中通过键盘输入文本的基本组件.本组件的属性提供了多种特性的配置,譬如自动完成.自动大小写.占位文字,以及多种不同的键盘类型( ...
- java数据结构之LinkedList
一.LinkedList源码注释 //LinkedList源码 jdk版本1.8.0_121 public class LinkedList<E> extends AbstractSequ ...
- Nginx 配置文件解释及简单配置
Nginx配置文件大致分为以下几个块 1.全局块:配置影响nginx全局的指令.一般有运行nginx服务器的用户组,nginx进程pid存放路径,日志存放路径,配置文件引入,允许生成worker pr ...
- Go基础:函数多返回值特性
之前在写Python程序的时候,惊叹于它支持多返回值的特性带来的便利性.在学习Go的时候,发现Go也拥有多返回值的特性. 1.基本用法 创建一个多返回值的方法: func getACar() (bra ...
- 【LOJ】#3092. 「BJOI2019」排兵布阵
LOJ#3092. 「BJOI2019」排兵布阵 这题就是个背包啊,感觉是\(nms\)的但是不到0.2s,发生了什么.. 就是设\(f[i]\)为选了\(i\)个人最大的代价,然后有用的人数只有\( ...
- 洛谷P3353 【在你窗外闪耀的星星】
题目真的好甜呢QwQ 冲着这题面也要来做 满分解法:线段树 我们暴力地把所有点建成一颗线段数 接着在从1到maxx里每个长度为 w的区间中执行区间求和 其实单点修改都不需要,可以在输入的时候统计出每个 ...
- php 中文unicode 互转
/** * $str 原始中文字符串 * $encoding 原始字符串的编码,默认GBK * $prefix 编码后的前缀,默认"&#" * $postfix 编码后的后 ...
- C语言一行太长的换行处理
转载:https://blog.csdn.net/baiqishijkh/article/details/79236202 在C语言程序编写中,我们有时会遇到一行代码太长而影响阅读或者出现与部分公司或 ...