C#-WebForm-JS串讲一:基础部分、BOM部分、DOM部分

一、基础部分:

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=10;
var b="10";
var c=20;

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(0,this.value.length-1);
        }
    };

    //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);页面跳转至

时间: 2024-11-06 10:40:19

C#-WebForm-JS串讲一:基础部分、BOM部分、DOM部分的相关文章

前端基础之BOM和DOM:

目录 前端基础之BOM和DOM 前言 window对象 BOM与DOM操作 DOM学习流程 一些常用的Window方法: window的子对象 navigator对象(了解即可) screen对象(了解即可) history对象(了解即可) location对象 弹出框 计时相关 DOM HTML DOM 树 查找标签 直接查找 间接查找 节点操作 创建节点 添加节点 删除节点: 替换节点: 获取值操作 对类属性操作 class的操作 指定CSS操作 事件 常用事件 绑定方式: window.o

30.Python前端基础之BOM和DOM

前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识. JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”. DOM (Document Object Model)是指文档对象模型,通过它,可以访问HT

web前端基础之BOM和DOM

一.介绍 JavaScript分为ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使JavaScript有能力与浏览器进行"对话". DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素. 二.window对象 所有浏览器都支持 window 对象.它表示浏览器窗口. 所有 JavaScript 全局对象.函数以及变量均自动成为 window 对象的成员. 全局变量

html css &lt;input&gt; javaScript .数据类型 JS中的函数编写方式 BOM总结 DOM总结

Day27  html css div 块标签. 特点: 独占一行,有高度和宽度 span 行元素. 特点:在同一行显示,当前行满了自动去下一行显示. 不识别高度和宽度 1.1.1.1 2.输入域标签 :<input> l <input> 标签用于获得用户输入信息,type属性值不同,搜集方式不同.最常用的标签. n type属性 u text:文本框,单行的输入字段,用户可在其中输入文本.默认宽度为 20 个字符 u password:密码框,密码字段.该字段中的字符以黑圆显示.

前端基础之BOM和DOM

核心知识点: 1.BOM(浏览器窗口对象模型) DOM(文本对象模型) 2.window对象是客户端JavaScript最高层对象之一,属于全局对象,一般书写可以省略 3.window对象常用的方法 (1)窗口对象方法 (2)子对象方法 a.navigator对象(一般用于读取浏览器信息) b.screen对象 c.history对象(forward back go) d.location对象(reload href) 4.DOM:是一套对文档抽象和概念化的一种方法,可以说是一个应用程序接口 5

js面向对象学习笔记之九(BOM 与 DOM 中常用属性分析)

一  BOM对象 window 的 相关属性 1. 用户配置机器配置对象 navigator navigator.userAgent //该属性可以查看用户机器浏览器的配置 "Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit/600.1.3 (KHTML, like Gecko) Version/8.0 Mobile/12A4345d Safari/600.1.4" 2. 用户uri访问地址 locati

基于JS的DOM 编程基础和Json语法及JS下的AJAX基础

1.在dom编程中:     注意:使用dom操作一般在页面完全载入之后,一般在window_onload事件里操作dom nodeName  表示节点的名称如:<input   type= "button"  value="确定" />    此时nodeName=“input” ; nodeValue  表示节点的值如<p>aaa</p> 此时的nodeValue="aaa",而nodeName="

MBA写作串讲笔记 1

写作串讲笔记1 串讲目录 l   论证分析:析错有口诀 l   审题立意:区分评于立 l   开篇秘籍:不再怕走题 l   框架制胜,三点定高低 临别叮嘱(7点) 1.     继续热身:继续热身,防止手生 2.     写作模板:取题.开篇.结尾和本论部分的标准写法和框架 3.     常用词汇:常用的形式性词汇要熟练.要背诵 4.     本论部分:最好写四段,每段最好六行左右. 5.     字数要求:最好31.32行.(千万不要少!) 6.     抄背范文:多朗读.多抄写经典范文,以提

Solr相关知识点串讲

Solr是Apache Lucene的一个子项目.Lucene为全文搜索功能提供了完备的API,但它只作为一个API库存在,而不能直接用于搜索.因此,Solr基于Lucene构建了一个完整的搜索引擎,它可以为搜索引擎添加文档,对文档内容进行分析,并为用户提供搜索功能,在此基础上提供了一个扩展功能,如hit highline, suggetion等. 一.概述 (一)基础内容 1.Solr的版本号与Lucene的版本号保持一直,直到2014年7月,最新版本号为4.9.0. 2.Solr提供了一个e

爬虫串讲

爬虫串讲 requests 一定要掌握 爬取数据流程: 指定url 发起请求 获取响应数据 数据解析 持久化存储 get,post参数: url data/params headers proxies 处理ajax动态加载的数据: 动态加载的数据: 通过另一个请求请求到的数据 通过抓包工具捕获请求对应的数据包,数据包之间实现局部或者全局搜索 模拟登陆: 对点击登录按钮对应的post请求进行请求发送 动态变化的请求参数: 一般会隐藏在前台页面 打码平台使用: 超级鹰,云打码 cookie的处理: