一、基础部分:

1、JavaScript 是什么?

是一门脚本语言,是属于弱类型(语言语法很随意),C#是强类型(语言语法非常严格)(李献策lxc)

优点:JS 执行速度快

2、JS 与java有什么关系?  没有任何关系

3、JS 能做什么事情?

  能控制浏览器 BOM

  控制元素 DOM

JS不能做什么?

  不能操作文件(读取、创建、删除)

  不能直接访问数据库

扩展:node.js - 一个开发平台,通过这个平台可以开发常规的web服务端,是一块非常轻量级的运行环境

  JQuery.js - 前端框架

4、JS 是面向过程的语言 也有人说JS有面向对象,但他不是纯粹的面向对象语言

二、常用对话框

  alert("string") - 警告对话框,弹出 string 内容

  confirm() - 确认对话框

  prompt("","") - 输入对话框

三、JavaScript 语法

1、基本数据类型  

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

2、变量:变量只有一种类型 var(万能变量)

3、数据类型转换 string 类型优先级最高

<script type="text/javascript">
var a=;
var b="";
var c=; alert( a + b );
alert( b + a );
alert( a + c + b );
alert( a + c + parseint( b ) );
</script>

4、文本框数字验证(李献策lxc)

<script>
var txt1 = document.getElementById("TextBox1"); //按键抬起时触发
txt1.onkeyup = function () { if (isNaN(this.value))
{
this.value = this.value.substr(,this.value.length-);
}
}; //txt1.onchange = function () { };//丢失焦点时触发
//txt1.onkeydown = function () { };//按键按下时触发 </script>

5、运算符 同C#

6、语句

  分支语句 if...else if...else

  循环语句 for(int i=0;i<=k;i++){}

7、数组

  类似于C#中的集合,不固定长度、不固定类型

  赋值:不用add添加,直接用索引赋值

  清空:用foreach循环,Array[i]=Null;

  数量:Length;

8、函数

  无参无返、有参无返、无参有返、有参有返  不用定义返回类型,直接return

  递归:自己调自己

  

四、BOM操作

1、window.open - 打开页面

  window.open("网页路径","是否新窗体","新窗体格式");

  新窗体格式:width、height 新窗体宽高  left、top 新窗体的位置

  打开的新窗体是无法改变地址栏内容的

2、opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null;

  window.close();

  window.opener.location.href="";

  重新打开上一级窗体并导向网址,如果是上一级网址,则有刷新效果

上图:点击Button2关闭Button1打开的窗体

3、window.navigate("url");跳转至目标页面

  window.moveTo(x,y);移动页面至坐标

  window.resizeTo(width,height);改变页面长宽

  window.scrollTo(x,y);滚动页面至哪里

4、window.history.back();页面进行后退

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

  window.history.go(n);页面跳转至

5、window.location.href="";重新定位

  alert(window.lacation.href);弹出当前网址

五、DOM操作

1、找到元素

  按照ID来找 document.getElementById("");

  找到的是一个对象

  按照Class来找 document.getElementsByClassName("");

  找到的是一个数组

  按照Name来找 document.getElementsByName("");

  找到的是一个数组

  按照元素名来找 document.getElementsByTagName("");

  找到的是一个数组

2、操作元素的内容

  innerHTML

    - 会将元素标记代码渲染后的效果显示出来(例如超链接形式显示)

    - 会将所有的内容和代码一并取出来

  innerText

    - 不会让内容进行任何渲染,写的什么直接就输出什么(把超链接代码显示出来了)

    - 取值时它只会把能看到的文字信息取出来,不会取到HTML代码

  value

    - 12个表单元素御用,别的元素没有权利使用它们

    - 并不是value就能解决全部表单元素的内容操作,部分元素还需要上面两种的配合,如option,radio

3、操作属性的内容(增删改查)

  增加、修改 setAttribute("属性名","属性值");

  查找获取 getAttribute("属性名");

  删除 removeAttribute("属性名");

4、操作元素的样式(增删改查)

  this.style.xxx

5、操作元素

  查找兄弟级的上一个和下一个

    this.nextSibling

    this.previousSibling

  查找父级元素

    this.parentNode

  查找全部子级元素

    this.childNodes

  创建新元素

    var oDiv = document.createElement("div");

    document.getElementById("boss").appendChild(oDiv);

    var oDiv = "<div class='div1'></div>";

    document.getElementById("boss").innerHTML += oDiv;

  移除元素

    this.remove();

六、JS事件

1、toUpperCase() - 转换为大写

2、toLowerCase() - 转换为小写

3、substring(x,y) - 截取字符串,从索引x截取到索引y

4、substr(x,y) - 截取字符串,从索引x开始,截取y长度

5、split('X') - 以X为标记进行字符串分割

6、indexOf("string") - 返回字符串string的第一个索引值

7、trim() - 去除前后空格

8、var d = new Date(); - 获取当前时间

var d = new Date(2000,3,3); - 定义时间

alert(d.getFullYear()); - 获取时间中的年份

9、数学函数同C#

10、常用事件:

  onclick - 单击事件

  ondblclick - 双击事件

  onmouseover,onmouseout - 鼠标悬浮、离开时间

  onfocus - 获得焦点时事件

  onblur - 丢失焦点时事件

  onkeyup - 按键弹起时事件

11、this.form.submit - 表单进行提交

C#-WebForm-JS知识:基础部分、BOM部分、DOM部分、JS事件的更多相关文章

  1. JS BOM DOM对象 select联动 计时器 时间 css操作 节点(标签 ) 查找标签 {前端基础之BOM和DOM}

    前端基础之BOM和DOM 前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我 ...

  2. 前端基础之BOM和DOM day52

    前端基础之BOM和DOM   前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互 ...

  3. day 47 前端基础之BOM和DOM

      前端基础之BOM和DOM   前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些 ...

  4. JS中的函数、Bom、DOM及JS事件

    本期博主给大家带来JS的函数.Bom.DOM操作,以及JS各种常用的数据类型的相关知识,同时,这也是JavaScript极其重要的部分,博主将详细介绍各种属性的用法和方法. 一.JS中的函数 [函数的 ...

  5. day35前端基础之BOM和DOM

    day35前端基础之BOM和DOM BOM操作 简介 BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行"对话". ...

  6. 从零开始的JS生活(二)——BOM、DOM与JS中的事件

    上回书说道,JS中变量.运算符.分支结构.循环和嵌套循环等内容.本回就由本K给大伙唠唠JS中的BOM.DOM和事件. 一."花心大萝卜"--BOM 1.震惊,FFF团为何对BOM举 ...

  7. Python学习(二十二)—— 前端基础之BOM和DOM

    转载自http://www.cnblogs.com/liwenzhou/p/8011504.html 一.前言 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没 ...

  8. 前端基础 之 BOM和DOM

    浏览目录 背景 BOM window对象 window的子对象 DOM HTML DOM树 查找标签 节点操作 事件 一.背景 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些 ...

  9. 前端基础之BOM和DOM

    关于网页交互:BOM和DOM javaScript分为ECMAScript,DOM,BOM . BOM(Browser  object  Model)是指浏览器对象模型,它使JavaScript有能力 ...

  10. 前端基础之BOM和DOM(响应式布局、计时器、搜索框、select联动)

    一.BOM和DOM JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进 ...

随机推荐

  1. Shared Libraries with Eclipse on 86_64 (64 bits) systems[z]

    If you followed my previous post http://linuxtortures.blogspot.com/2012/02/shared-libraries-with-ecl ...

  2. JAVA里的CAS算法简析

    Atomic 从JDK5开始, java.util.concurrent包里提供了很多面向并发编程的类. 使用这些类在多核CPU的机器上会有比较好的性能.主要原因是这些类里面大多使用(失败-重试方式的 ...

  3. Java 中的类

    public class Test{ public static void main(String[] args){ Animal a1 = new Dog(); a1.shout();//编译通过 ...

  4. 开始第一个Android应用程序

    Android应用程序建立在应用程序框架之上,所以Android编程就是面向应用程序框架API编程---与编写普通的Java SE没有太大区别,只是增加了一些API. 1.使用eclipse开发第一个 ...

  5. JSTL 标签库<转>

    http://elf8848.iteye.com/blog/245559 JSTL标签库,是日常开发经常使用的,也是众多标签中性能最好的.把常用的内容,放在这里备份一份,随用随查.尽量做到不用查,就可 ...

  6. LARGE SCALE GAN TRAINING FOR HIGH FIDELITY NATURAL IMAGE SYNTHESIS

    最强GAN图像生成器,真假难辨 论文地址: https://openreview.net/pdf?id=B1xsqj09Fm 更多样本地址: https://drive.google.com/driv ...

  7. onenote无法更新,提示无法流式传输、无法登陆等问题解答

    onenote无法更新,提示无法流式传输 修改DNS 4.2.2.1 和 4.2.2.2 onenote反复提示登录 升级到IE11

  8. 使用Team Explorer Everywhere (TEE) 2015 SDK获取团队项目的签入策略

    TFS的代码签入策略与IDE工具紧密相关,例如Visual Studio中设置的签入策略,只会影响Visual Studio的团队资源管理器:如果需要在Eclipse的TEE中启用签入策略,你还需要在 ...

  9. 执行计划--在存储过程中使用SET对执行计划的影响

    --如果在存储过程中定义变量,并为变量SET赋值,该变量的值无法为执行计划提供参考(即执行计划不考虑该变量),将会出现预估行数和实际行数相差过大导致执行计划不优的情况--如果在存储过程中使用SET为存 ...

  10. jenkins yum 安装

    jenkins yum 安装 jenkins 用过yum的方式安装:服务的启动和关闭等管理会很方便,版本升级也会变的很容易. 参考官方的说明:https://wiki.jenkins-ci.org/d ...