一、JS基础

1、javascript功能

⑴进行数据运算

⑵控制浏览器功能

⑶控制元素的属性、样式、内容

2、javascript位置和格式

可以放在html页的任意位置，也可以创建一个以js结尾的文件内，将该文件引用到html页内

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

<script type="text/javascript">

js脚本语言位置

</script>

3、3个常用对话框

alert("警告内容")--警告对话框

confirm("选择内容")--选择对话框      确认:true  取消:false

prompt("提示内容","输入内容")--输入对话框      提示内容和输入内容都可以为空

4、定义变量   var 变量名

定义变量是统一用var来定义，var在js中是唯一可以定义变量的

5、类型转换

1.其它类型转换为整数：parseInt("值");         能转化数字返回数字，不能转化数字返回NaN

2.其它类型转化为小数：parseFloat("值");      能转化小数返回数值，不能转化返回NaN

3.判断是否是数字：      isNaN("值") ;            是数字返回false,不是数字返回true

6、js与C#的关系

js与C#拥有同样的运算符，if语句，for循环，数组（C#有集合，结构体，js只有数组），函数

7、数组

定义  var s = new Array();

赋值 s[0]=46,s[1]="snow"

取值 s[i]

8、函数

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

调用函数: aaa();

  <script type="text/javascript">

      var arrall = new Array();

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

          var arr = new Array();

          arr[] = prompt((i + ) + "请输入姓名：");

          arr[] = prompt((i + ) + "请输入性别：");

          arr[] = prompt((i + ) + "请输入年龄：");

          arr[] = prompt((i + ) + "请输入成绩：");

         arrall[i] = arr;

     }

     for (var i = ; i < arrall.length; i++) {

         for (var j = i + ; j < arrall.length; j++) {

             if (arrall[i][] < arrall[j][]) {

                 var zhong = arrall[i];

                 arrall[i] = arrall[j];

                 arrall[j] = zhong;

             }

         }

     }

     alert('姓名：' + arrall[][] + '，性别：' + arrall[][] + '，年龄：' + arrall[][] + '，成绩：' + arrall[][] + '，第一名！');

 </script>

二、DOM操作

1.先定义找到一个按钮方法的变量

var s=document.getElementById("按钮的id")

2.点击事件

s.onclick=function(){

函数体

}

3.window操作

⑴window.open("网页路径","_self/_blank","width=400 height=400 top=200 left=200")

打开一个新的窗口，_self在自身打开,_blank在新窗口打开，宽400px 高400px 距离顶部200px 距离左侧200px

⑵window.close()关闭当前窗口

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

⑶window.scrollTo(x,y)   滚动页面到某个位置，x横向滚动位置，y纵向滚动位置。一般情况下x是0，调整Y值，相当于锚点

⑷window.history.go(n)    页面前进/后退    n如果是正数则前进n个页面，n如果是负数则后退n个页面

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

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

⑸window.location.href    获取当前页面地址

window.location.href="路径";   修改页面地址，会跳转页面(点击从自身跳转)

【2017-03-28】JS基础、DOM操作的更多相关文章

  1. js的dom操作（整理）（转）

    js的dom操作整理(整理)(转) 一.总结 一句话总结: dom操作有用原生js的dom操作,也可以用对js封装过的jquery等插件来来更加方便的进行dom操作 1.dom是什么? 对于JavaS ...

  2. js的DOM操作整理（整理）

    js的DOM操作整理(整理) 一.总结 一句话总结: dom操作有用原生js的dom操作,也可以用对js封装过的jquery等插件来更加方便的进行dom操作 1.dom是什么? 对于JavaScrip ...

  3. JS的DOM操作及动画

    JS的DOM操作DOM:Document Object ModelBOM:Bowers(浏览器) Object Model找到元素:var a=document.getElementById(&quo ...

  4. JS的DOM操作语法

    整理了一下JS的DOM操作语法,这里做下记录. <!DOCTYPE html> <html> <head> <meta charset="utf-8 ...

  5. js函数 DOM操作

    回学校了两天请了两天假,数组和方法的内容周末一定补上! 今天介绍一下JavaScript函数 Function 一.基础内容 1.定义 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. f ...

  6. JQuery基础DOM操作

    DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作.但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了. 试想下这样的情况:如 ...

  7. JS的DOM操作 - 你真的了解吗?

    摘要 想稍微系统的说说对于DOM的操作,把Javascript和jQuery常用操作DOM的内容归纳成思维导图方便阅读,同时加入性能上的一些问题. 前言 在前端开发的过程中,javascript极为重 ...

  8. JS基础---Dom的基本操作

    DOM的增删改查 增: 1.创建一个元素节点 document.createElement() 创建新的<p> 元素:var para=document.createElement(&qu ...

  9. 原生js封装dom操作库

    var utils = (function(window) { var flag = "getComputedStyle" in window; function win(attr ...

  10. 5月16日上课笔记-js中DOM操作

    一.DOM操作 DOM节点的操作 增加 删除 修改 节点的信息: nodeName 获取节点的标签名 parentNode 获取父节点 childNodes IE忽略回车换行,chrome回车换行是文 ...

随机推荐

  1. 20165336 实验三 敏捷开发与XP实践

    20165336 实验三 敏捷开发与XP实践 一.实验报告封面 课程:Java程序设计 班级:1653班 姓名:康志强 学号:20165336 指导教师:娄嘉鹏 实验日期:2018年4月28日 实验时 ...

  2. 如何下载网页上的视频和flash的方法

    下面介绍一种下载视频的简便方法,这种方法不需要安装任何下载软件,而且适合所有 FLV(Flash Video)格式的视频文件. 第一步 清空Temporary Internet Files(临时网络文 ...

  3. 洛谷P4052 [JSOI2007]文本生成器 AC自动机+dp

    正解:AC自动机+dp 解题报告: 传送门! 感觉AC自动机套dp的题还挺套路的,,, 一般就先跑遍AC自动机,然后就用dp dp的状态一般都是f[i][j]:有i个字符,是ac自动机上的第j个节点, ...

  4. es6学习一 promise上

    简单来说promise在异步操作上提供可读性.(原来es5的异步操作可读性实在太糟糕了,如下图) 瞬间眼前百万只奔腾的马,只不过这种马有个别名,羊驼. 一.创建形式 1. 使用的基本形式: let p ...

  5. 8.0-uC/OS-III单任务应用

    1.单任务应用 app.c文件: (1).APP_CFG.H 是用于配置的头文件.例如, APP_CFG.H 中包含的#define常量确定了任务优先级,堆栈大小,以及其他特性. BSP.H 是 BS ...

  6. 31-ADC模拟/数字转换

    31-ADC模拟/数字转换 (1).ADC的IO分配

  7. MySQL 从库down机

    MySQL 从库down机中午突然down机,重启后,从库同步报主键重复的错误. Could not execute Write_rows event on table operation_maste ...

  8. VS2017使用Git进行源代码管理

    步骤一:将解决方案添加到源代码管理 步骤二:进入团队资源管理器 双击存储库项目进入Git操作页面. 步骤三:同步本地代码到远程仓库 选择同步功能 步骤四:发布代码到Git 点击之后输入你要发布的git ...

  9. 【BFS宽度优先搜索】

    一.求所有顶点到s顶点的最小步数   //BFS宽度优先搜索 #include<iostream> using namespace std; #include<queue> # ...

  10. Windows 7中200M神秘隐藏分区

    裸机全新安装Windows 7的用户,在安装完成后运行diskmgmt.msc打开磁盘管理器,可以看到在系统分区(一般为C分区)之前有一个大小为200MB的隐藏分区.这个特殊的隐藏分区与Windows ...