什么是javascript?  

(1) JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的 脚本语言。

(2) JavaScript是由Netscape公司开发的一种脚本语言,其编写的程序可以嵌入到 HTML页面中,并直接在浏览器中解释执行。

(3) JavaScript可以被浏览器直接解释执行,它可以更好得减小服务器压力,提高程 序运行效率。

//事件(事件监听) :

//标签对象.事件监听.function(){执行的代码,找对象,找属性,改属性};

事件源.触发一个事件.调用一个方法.方法找执行代码找对象,找属性,改属性(或者用属性,增删改查)

onmouseover 鼠标移到某个元素之上

onmouseout  鼠标移开某个元素

onkeydown   键盘按下去(就是一直按着)

onkeypress  键盘按下去再松开(就是点击 按下去再松开)

oonkeyup    键盘松开(就是松开的时候)

onclick     鼠标按下去再起来(点击)

onmousedown 鼠标按钮按下(按着不动)

onmousemove 鼠标移动(移动  按着和不按着都行)

onmouseout  鼠标移到某元素之上(鼠标放上去的时候)

onmouseup   鼠标按键松开(鼠标松开的时候)

onresize    窗口或者框架被重新调整大小

window.onresize

onsubmit    表单提交

onblur      元素失去焦点

onfocus     元素获取焦点

浏览器空白区域的宽和高(也就是浏览器的宽和高)

宽:document.documentElement.clientWidth;

高:document.documentElement.clientHeight;

//获取对象的方式 :

//  window.document.getElementById('miao');//window可以省略

document.getElementById('miao');//ID是唯一的,不可以冲突,所以获取到的是一个对象值,不是数组

document.getElementsByTagName("a");//标签名不是唯一的  获取所有a标签对象,生成数组

document.getElementsByClassName("a");//className不是唯一的,获取所有className为a的标签对象  生成数组

document.getElementsByName("a");//Name属性不是唯一的,获取所有Name为a的标签对象,生成数组

就是整个标签

获取对象后,如果想获取标签内的内容,可以调用对象的innerHTML属性

标签对象.innerHTML:代表了标签之间的文字

标签对象.innerHTML = 新的数据:就是给标签之间的内容赋值

//弹框 :

alert():一个普通的弹窗

confirm():弹出一个确认和取消的弹窗

prompt():带有输入框的弹出

setTimeout(func,n);//定时器,n秒后执行func中中的程序,单位是毫秒

clearTimeout(s); //取消定时器效果,参数是又setTimeout生成的时间标识

setInterval(func,n):以固定的时间间隔执行某件事

clearInterval(s);

//字符串转换数值型parseInt();

var h =document.documentElement.clientHeight;//获得浏览器的高

var w =document.documentElement.clientWidth;//获得浏览器的宽

var div1 = document.getElementById("id");//获得ID为id的标签的对象

iw=parseInt(w)//把w转成数值型

ih=parseInt(h)

div1.style.height=ih+'px';//赋值

div1.style.width=iw+'px';

以上就是本文的全部内容,希望对大家今后在做项目时用到JavaScript标签和方法有所帮助。

JavaScript常用标签和方法总结的更多相关文章

  1. JavaScript常用对象的方法和属性

    ---恢复内容开始--- 本文将简单介绍JavaScript中一些常用对象的属性和方法,以及几个有用的系统函数. 一.串方法 JavaScript有强大的串处理功能,有了这些串方法,才能编写出丰富多彩 ...

  2. JavaScript常用定义和方法

    1.字符串一些常用方法,注意,调用这些方法本身不会改变原有字符串的内容,而是返回一个新字符串.toUpperCase()把一个字符串全部变为大写: var s = 'Hello'; s.toUpper ...

  3. JavaScript常用函数和方法

    alert('Hello World!') //方法用于显示带有一条指定消息和一个 OK 按钮的警告框. //定义js函数 function Foo(name) { console.log(name) ...

  4. 几类javascript常用的创建对象方法

    JavaScript的一个重要功能就是面向对象的功能,通过基于对象的程序设计,可以用更直观.模块化和可重复使用的方式进行程序开发. 一组包含数据的属性和对属性中包含数据进行操作的方法,称为对象.比如要 ...

  5. javascript 常用array类型方法

    concat:基于当前数组中的所有项创建一个新数据,会创建当前数组一个副本,然后将接受到的参数放到数组末尾,最后返回新数组.如果没有参数,则复制当前数组并返回副本. slice:基于当前数组中一个或多 ...

  6. JavaScript 常用数组函数方法专题

    1. 由字符串生成数组 split() 分割字符串,并将分割的部分作为一个元素保存在一个新建的数组中. var str1 = "this is an emample to using the ...

  7. javascript常用的公共方法

    附件下载 //摘要:将指定字符串中的格式项替换为指定数组中相应对象的字符串表示形式. //参数:复合格式字符串. //返回结果:format的副本,其中的格式项已替换为 args 中相应对象的字符串表 ...

  8. javaScript常用到的方法

    判断一个对象是否为空对象,不为null,仅仅是{};可以使用如下方法判断: if (JSON.stringify(object) === '{}') { //.. } //也可以 if (Object ...

  9. MUI常用脚本及原生JavaScript常用操作元素方法

    1.mui元素转换html元素 var obj=mui("#id")[0]; 2.事件绑定 var btn = document.getElementById("logi ...

随机推荐

  1. MS Sql Server 中主从库的配置和使用介绍(转)

    网站规模到了一定程度之后,该分的也分了,该优化的也做了优化,但是还是不能满足业务上对性能的要求:这时候我们可以考虑使用主从库. 主从库是两台服务器上的两个数据库,主库以最快的速度做增删改操作+最新数据 ...

  2. SQL查询包含汉字的行

    1.查询字段首位为汉字 2.查询字段包含汉字(任意位) SELECT * FROM 表名 WHERE 字段 LIKE '%[吖-座]%' --[吖-座]是中文字符集第一个到最后一个的范围

  3. sql server 根据执行计划查询耗时操作

    with QS as( select cp.objtype as object_type, /*类型*/ db_name(st.dbid) as [database], /*数据库*/ object_ ...

  4. Appium技术点之解决屏幕无法点击的情况————Python版本

    1.导入包: from appium.webdriver.common.touch_action import TouchAction 2.写代码 TouchAction(driver).pop(x= ...

  5. BPMN

    1.私有业务流程: 特定行业规则制度比如惠普生产线流程-针对业务人员 2.公有业务流程: 技术实现-针对流程开发人员 http://www.blogjava.net/RongHao/archive/2 ...

  6. OC基础(20)

    Protocol基本概念 Protocol注意事项 Protocol类型限制 代理设计模式 *:first-child { margin-top: 0 !important; } body > ...

  7. I/B/P SP/SI

    H264中I.B.P帧 I帧:只作为参考帧,采用帧内预测 B帧:以其前面的I帧或P帧和后面的P帧作为参考帧 P帧:只能以前面的I帧或P帧作为参考帧 H264中的SP SI SP和SI是H264中引入的 ...

  8. 如何在IIS7上配置 FTP7并使用IIS管理凭据方式进行验证?

    如何在IIS7上配置 FTP7并使用IIS管理凭据方式进行验证? 在 Windows Server 2008 R2 发布后,gOxiA 就开始着手于相关的测试和评估.IIS 是重点测试和评估之一!而今 ...

  9. Android开发-API指南-<instrumentation >

    <instrumentation> 英文原文:http://developer.android.com/guide/topics/manifest/instrumentation-elem ...

  10. phonegap/cordova 升级版本

    调用语句 : windows用户 npm update -g cordova 如果是 mac系统的用户  使用: 查看cordova信息 npm info cordova 查看cordova 版本 查 ...