一、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. MySQL数据库的库表迁移

    最近在研究MySQL数据库的库表迁移问题,主要分为两种情况,一种情况是迁移数据库的表的全部字段,另一种是迁移数据库的表的部分字段.前一种情况是直接使用mysqldump命令来实现,后一种情况则是采用数 ...

  2. jenkins配置jdk、git、maven

    进入首页->系统管理->全局工具配置 配置jdk 查找jdk安装路径 如果是容器版jenkins,就登进容器里面查看jdk路径 [root@test2 ~]# echo $JAVA_HOM ...

  3. k8s 管理机密信息

    一.启动应用安全信息的保护: Secret介绍: 应用启动过程中可能需要一些敏感信息,比如访问数据库的用户名密码或者秘钥.将这些信息直接保存在容器镜像中显然不妥,Kubernetes 提供的解决方案是 ...

  4. Android OKHttp 可能你从来没用过的拦截器 【实用推荐】

    前言 在平时开发中,你有没有下面这样的困扰呢? 场景一 明明是服务端的接口数据错误,而QA(测试)第一个找到的可能是客户端开发的你,为什么这个页面出现错误了? 而作为客户端开发的你,可能要拿出测试机连 ...

  5. python3 速查参考- python基础 9 -> MySQL基础概念、数据库create、alter、insert、update、delete、select等基础命令

    前置步骤: 下载一个绿色版的mysql数据库客户端连接工具 :http://wosn.net/821.html mysql平台为win7(以后会有CentOS上的) 学习目的: 掌握数据库的基本概念, ...

  6. loadrunner脚本因为没有token报错

    目录 场景 解决过程 解决方案 总结 场景 用loadrunner11录制脚本,处理后回放,加上检查点,报错找不到检查点对应的内容,去掉检查点,没有报错,但是打开页面没有该操作的痕迹.手动在页面上操作 ...

  7. 随便写的Gost安装脚本，作用你懂的，目前只支持CentOS，可以在Aliyun ECS中使用

    服务器 执行下面命令: curl -L aux.pub/gost | bash 或者: curl -L https://gist.githubusercontent.com/inrg/03da1ded ...

  8. 【Matlab开发】MATLAB编译C/C++代码

    在使用MATLAB编译C/C++代码时,C/C++代码中要使用一个mexFunction函数,那么这个函数是如何定义,在编译时又是如何实现的呢?下面我将使用实例进行说明. 如一个简单的函数: doub ...

  9. 深入理解C语言-深入理解内存四区

    数组与指针 当数组做函数参数的时候,会退化为一个指针 此时在函数内是得不到数组大小的 因此,数组做函数参数的时候需要传递数组大小,也就是多传递一个参数 void func(int arr[], int ...

  10. alertmanager + federate - Prometheus outside k8s cluster + 总体架构图 对接企业微信告警 + curl alertmanager to send alert

    1.实验的架构 2.k8s 集群外的Prometheus的配置文件 [root@do1cloud03 prometheus]# cat prometheus.yml |egrep -v '#' glo ...