zoukankan      html  css  js  c++  java
  • JS的简单操作和表单以及事件

    HTML:主要用于往页面上放置所需要的控件。

    CSS:主要用来控制页面以及上面控件的样式。

    JS:主要用来控制页面上的特效以及数据交互。

    JS也分为顺序,条件(IF()... ELSE()),循环(FOR())三种语句,与C#基本一致。

    JS定义变量统一用var,定义数组不固定长度和类型,类似C#中的集合。

    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属性来获取里面的内容

    1、添加,删除,修改,获取属性
    setAttribute('属性名','属性值'); - 添加、修改
    removeAttribute('属性名'); - 删除
    getAttribute('属性名'); --获取属性
    2、添加,删除,修改样式
    对象.style.样式名=值;

    HTML中十二种表单

    文本类:
    text - 文本框
    password - 密码框
    textarea - 文本域
    hidden - 隐藏域
    按钮类:
    submit - 提交
    button - 普通按钮
    image - 图片按钮
    reset - 重置按钮
    选择类:
    radio - 单选框
    checkbox - 复选框
    select option - 下拉列表
    file - 文件上传对话框

    radio和checkbox对应的值应该放在一个label中,并且设置label的for=对应的ID!!!

    HTML事件
    onclick - 点击事件
    ondblclick - 双击事件
    onmouseover / onmouseout - 鼠标移入/移除事件
    onmousemove - 鼠标移动时触发
    onchange - 内容改变时触发(焦点丢失时触发)
    onfocus - 焦点进入事件
    onblur - 焦点丢失事件
    onkeydown / onkeyup / onkeypress - 按键按下、抬起、按下并抬起

    注意!!!
    表单元素,添加了runat = "server",就变成了服务器控件,服务器就可以看到它了,
    此表单元素的onclick事件是js代码事件,onserverclick是C#服务器代码事件
    vs
    服务器控件,OnClick是C#服务器事件,OnClientClick是js事件

  • 相关阅读:
    linux系统命令学习系列-用户切换命令su,sudo
    linux系统命令学习系列-用户组管理
    linux系统命令学习-用户管理
    python web开发-flask中sqlalchemy的使用
    python web开发-flask连接sqlite数据库
    python实现bt种子 torrent转magnet
    prefProvider.kt
    douyin-bot-代码
    pyadb关于python操作adb的资料
    bottle源码
  • 原文地址:https://www.cnblogs.com/mazhijie/p/5701810.html
Copyright © 2011-2022 走看看