js:
html - 就是页面上有哪些东西,就给每一个东西取个名字
css - 设置界面上这些东西都是什么样
javascript - 界面上这些东西的动画效果,数据获取及交互
脚本语言,与C#很相近
顺序语句、分支语句、循环语句
顺序语句 - 如果你要取某一个元素进行操作,1、将JS代码写在元素的下部,2、window.onload事件中
分支 - if...else if...else..
循环 - for(var i = 0;i<=10;i++){循环体};
定义变量 - var a =‘aaa’, var a = 10,
数组 - 不固定类型,不固定长度 , a.length
函数 - function 函数名(){ };
JS的DOM操作:
一、window:
1、window.onload
2、window.open(1,2,3,4) - 打开新页面,
1 - 打开页面的地址:'http://www......'
2 - target:_blank 新页面中打开
3 - 打开窗口的样式,toolbar=no:没有工具栏; menubar=no:无菜单栏;status=no:无状态栏;
width,height:打开时的宽度和高度;
left=100:打开窗口距离屏幕的左边距;
resizable=no:打开的窗口大小不可调;
scrollbars=no;不出现滚动条;
location=no;不出现地址栏;
注意:window.open('xxx','','')
3、window.opener - 打开页面2的原页面,可以在页面2中控制原页面
4、window.close(); - 关闭当前页面
5、window.setInterval('要执行的代码',执行的间隔时间-毫秒); - 重复的执行代码
6、window.setTimeout('要执行的代码',执行等待的时间-毫秒); - 等待一段时间再执行代码
它俩都可以用一个变量来接收,var a = window.setInterval('xxx',1000);
如果你想让它停,window.clearInterval(a);
7、window.navigate('url'); - 页面跳转
8、window.moveTo(x,y); - 将浏览器的位置定位
9、window.resizeTo(x, y); -先写!!!!!
10、window.scrollTo(x,y); - 很像锚点
二、window.history
window.history.back();
三、window.location
window.location.href - 当做值来使用,返回当前页面的地址
最重要的!:Document对象
1、id来取值 - document.getElementById('要取的ID'); - 返回的就是一个对象
3、class来取值 - document.getElementsByClassName('xxx'); -返回一堆对象
4、标记名来取值 - document.document.getElementsByTagName('xxx'); -返回一堆对象
2、name来取值 - document.getElementsByName('要取的name'); -返回一堆对象
innerHTML = '';如果赋值标记,那会把标记编译显示
innerText = '';放啥给你看啥,放标记也不会给你编译
注意!!!
普通标记可以依靠以上方法来取到内容,但是表单元素需要使用value属性来获取里面的内容
==========================================================================
文本类:
text - 文本框
password - 密码框
textarea - 文本域
hidden - 隐藏域
按钮类:
submit - 提交
button - 普通按钮
image - 图片按钮
reset - 重置按钮
选择类:
radio - 单选框
checkbox - 复选框
select option - 下拉列表
file - 文件上传对话框
==========================================================================
!!!radio和checkbox对应的值应该放在一个label中,并且设置label的for=对应的ID!!!
==========================================================================
1、添加,删除,修改,获取属性
setAttribute('属性名','属性值'); - 添加、修改
removeAttribute('属性名'); - 删除
getAttribute('属性名'); --获取属性
2、添加,删除,修改样式
对象.style.样式名=值;
3、事件们
onclick - 点击事件
ondblclick - 双击事件
onmouseover / onmouseout - 鼠标移入/移除事件
onmousemove - 鼠标移动时触发
onchange - 内容改变时触发(焦点丢失时触发)
onfocus - 焦点进入事件
onblur - 焦点丢失事件
onkeydown / onkeyup / onkeypress - 按键按下、抬起、按下并抬起
==========================================================================
<input id="btn2" type="button" value="又一个按钮" runat="server" onclick="aaa()" onserverclick="Page_Load" />
<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Page_Load" OnClientClick="aaa()" />
注意!!!
表单元素,添加了runat = "server",就变成了服务器控件,服务器就可以看到它了,
此表单元素的onclick事件是js代码事件,onserverclick是C#服务器代码事件
vs
服务器控件,OnClick是C#服务器事件,OnClientClick是js事件