zoukankan      html  css  js  c++  java
  • java script DOM操作

    ---恢复内容开始---

    一。javascript功能:

    1.进行数据运算

    2.控制浏览器功能

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

    二。javascript书写位置

    1.可以写在HTML文件的任意位置,书写前加上:

    <script type="text/javascript">

    js脚本语言位置

    </script>

    2.可以创建一个以JS为后缀结尾的js文件,然后引用到HTML里面

    三。三个常用的对话框

    1.警告对话框    alert(“警告内容”);

    2.选择对话框            confirm("选择内容");       确定:true         取消:false

    3.输入对话框        prompt("提示内容","预先输入的内容");

    四。定义变量

    js中基本数据类型有:字符串,小数,整数,时间日期,布尔型等

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

    定义字符串:var a="ahaa";

    定义小数: var a=5.5;

    定义整数:var a=5;

    定义时间日期: var a =new Date(1990,09,09);

    定义布尔型:

    五。类型转换

    1,其它类型转换为整数:   parseInt("内容");            能转化数字返回数字,不能转化数字返回NaN。

    2,其它类型转化为小数:  parseFloat("内容");         能转化小数就转化,不能转化返回NaN

    判断是否是数字: isNaN("内容");           是数字返回False,不是数字返回True。

    六,js与C#的联系

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

    1,数组的应用(输入学生成绩,求最高分成绩)

     1 <!DOCTYPE html>
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     5     <title></title>
     6 </head>
     7 <body>
     8 </body>
     9 </html>
    10 <script type="text/javascript">
    11     var arrall = new Array();
    12 
    13     for (var i = 0; i < 3; i++) {
    14         var arr = new Array();
    15         arr[0] = prompt((i + 1) + "请输入姓名:");
    16         arr[1] = prompt((i + 1) + "请输入性别:");
    17         arr[2] = prompt((i + 1) + "请输入年龄:");
    18         arr[3] = prompt((i + 1) + "请输入成绩:");
    19 
    20         arrall[i] = arr;
    21     }
    22 
    23     for (var i = 0; i < arrall.length; i++) {
    24         for (var j = i + 1; j < arrall.length; j++) {
    25             if (arrall[i][3] < arrall[j][3]) {
    26                 var zhong = arrall[i];
    27                 arrall[i] = arrall[j];
    28                 arrall[j] = zhong;
    29             }
    30         }
    31     }
    32 
    33     alert('姓名:' + arrall[0][0] + ',性别:' + arrall[0][1] + ',年龄:' + arrall[0][2] + ',成绩:' + arrall[0][3] + ',第一名!');
    34 
    35 </script>

    2,函数应用

    function 函数名

    {函数体}

    调用: 函数名();

    七,DOM

    1.DOM:把浏览器内的内容当成事件操作。

    2.点击事件:

    var a=document.getElementById(html按钮的id); a.onclick = function ()
    { dom内容 }

    3.   1window.open(); 打开窗口

    点击触发事件:打开一个新的窗口,窗口的宽高都是100,距离左侧600,顶部600,打开的网站是百度。

    定义:window.open("地址","_blank打开一个新的窗口/_self在自身打开","宽度,高度,距离左侧顶部距离")

    3.2   window.close();关闭当前窗口(只关闭一个页面)

    3.3   window.opener();打开当前页面的打开者(谁打开的我,我就打开谁)

    3.4   window.opener.close(); 关闭当前页面的打开着(谁打开的我,我就关闭谁)

    3.5   x.close();关闭变量x所在页面

    一次关闭多个相同的页面

     1 <!DOCTYPE html>
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     5     <title></title>
     6 </head>
     7 <body>
     8     <div>
     9         <input type="button" value="点击" id="xxx" />
    10     </div>
    11 
    12     <div>
    13         <input type="button" value="关闭所有" id="qqq" />
    14     </div>
    15 </body>
    16 </html>
    17 <script type="text/javascript">
    18     var k = new Array();
    19     var z = 0;
    20     var zzz=document.getElementById(xxx); zzz.onclick = function () {
    21         k[z] = window.open("http://www.baidu.com")
    22         z++;
    23     }
    24     var ccc=document.getElementById(xxx); ccc.onclick = function () {
    25         for (var c = 0; c < k.length; c++)
    26         { k[c].close(); }
    27     }
    28 </script>

    4。移动到当前页面某个位置 window.scrollTo(x,y);(x横向滚动位置,y纵向滚动位置)

    5。 window.history.go(x);  x为正,前进x个页面。x为负,后退x个页面。

    6。window.location

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

    window.location.href=" 地址2" ;         修改当前页面地址,跳转地址2(自身跳转)         

  • 相关阅读:
    我为什么写博客
    Jquery选中行实现行中的Checkbox的选中与取消选中
    jquery中attr和prop的区别
    如何将.il、.res文件封装成dll文件
    修改VS2010生成的dll文件中的内容
    asp.net mvc4中自定义404页面
    asp.net EF6.0中出现未找到具有固定名称“System.Data.SqlClient”的 ADO.NET提供程序的实体框架提供程序解决办法
    ASP.NET中JSON的序列化和反序列化(转)
     WPF 控件总结
    C语言基础:二维数组 分类: iOS学习 c语言基础 2015-06-10 21:42 16人阅读 评论(0) 收藏
  • 原文地址:https://www.cnblogs.com/zhangxin4477/p/6640700.html
Copyright © 2011-2022 走看看