JavaScript常用标签和方法总结

什么是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标签和方法有所帮助。

赞 (0)

相关推荐

  • javascript生成img标签的3种实现方法(对象、方法、html)

    本文实例讲述了javascript生成img标签的3种实现方法.分享给大家供大家参考,具体如下: <div id="d1"></div> <script> //HTML function a(){ document.getElementById("d1").innerHTML="<img src='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'>"

  • 浏览器环境下JavaScript脚本加载与执行探析之defer与async特性

    浏览器环境下JavaScript脚本加载与执行探析之defer与async特性

    defer和async特性相信是很多JavaScript开发者"熟悉而又不熟悉"的两个特性,从字面上来看,二者的功能很好理解,分别是"延迟脚本"和"异步脚本"的作用.然而,以defer为例,一些细节问题可能开发者却并不一定熟悉,比如:有了defer特性的脚本会延迟到什么时候执行:内部脚本和外部脚本是不是都能够支持defer:defer后的脚本除了会延迟执行之外,还有哪些特殊的地方等等.本文结合已有的一些文章以及MDN文档中对两个特性的阐述,对de

  • javascript实现动态标签云

    javascript实现动态标签云

    今天上学校的图书馆,看到了一个好玩的东西,特意百度了下,发现叫做"标签球",效果图为: 直接代码如下: CSS: #div1 {position:relative; width:350px; height:350px; border:1px solid #000; margin: 20px auto 0; } #div1 a {position:absolute; top:0px; left:0px; font-family: Microsoft YaHei; color:#000;

  • javascript给span标签赋值的方法

    js给span标签赋值的方法?一般有两种方法: 第一种方法:输出html <body onload="s()"> <span id="hello"></span> <script language="javascript"> function s(){ document.getElementById("hello").innerHTML = "<iframe sr

  • js的[defer]和[async]属性

    [defer] 可以在<script>中加入defer属性,告诉浏览器这段script不必立即执行,那么浏览器就会在完全载入文档之后再执行这个script,相当于window.onload,但它比window.onload更灵活. 复制代码 代码如下: <script defer="true"></script> [async] 使用async属性加载JavaScript,这样整个脚本就可以异步加载和执行. <script>标签的defe

  • 用JavaScript来美化HTML的select标签的下拉列表效果

    用JavaScript来美化HTML的select标签的下拉列表效果

    首先通过一个例子来回顾一下select标签的用法: <html> <body> <form> <select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">

  • JS中script标签defer和async属性的区别详解

    JS中script标签defer和async属性的区别详解

    向html页面中插入javascript代码的主要方法就是通过script标签.其中包括两种形式,第一种直接在script标签之间插入js代码,第二种即是通过src属性引入外部js文件.由于解释器在解析执行js代码期间会阻塞页面其余部分的渲染,对于存在大量js代码的页面来说会导致浏览器出现长时间的空白和延迟,为了避免这个问题,建议把全部的js引用放在</body>标签之前. script标签存在两个属性,defer和async,因此script标签的使用分为三种情况: 1.<script

  • JavaScript常用标签和方法总结

    什么是javascript?   (1) JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的 脚本语言. (2) JavaScript是由Netscape公司开发的一种脚本语言,其编写的程序可以嵌入到 HTML页面中,并直接在浏览器中解释执行. (3) JavaScript可以被浏览器直接解释执行,它可以更好得减小服务器压力,提高程 序运行效率. //事件(事件监听) : //标签对象.事件监听.function(){执行的代码,找对象,找属

  • JavaScript常用对象的方法和属性小结

    本文将简单介绍JavaScript中一些常用对象的属性和方法,以及几个有用的系统函数. 一.串方法 JavaScript有强大的串处理功能,有了这些串方法,才能编写出丰富多彩的网页.在这一部分里,我们将介绍到如何使用与串对象有关的方法和属性. 1.串对象的length属性 串对象仅有一个属性length,这个属性值表示这个串所包括字符的相对数目.语法为: stringName.length 2.串对象的方法 JavaScript提供了多个串方法以帮助控制显示信息.串方法可以分为几个大类,如属性方

  • javascript动态添加删除tabs标签的方法

    本文实例讲述了javascript动态添加删除tabs标签的方法.分享给大家供大家参考.具体实现方法如下: <html> <HEAD> <TITLE>网页对话</TITLE> <LINK href="style.css" type=text/css rel=stylesheet> <script> function $(obj) { var o = typeof(obj)=="object" ?

  • JavaScript常用全局属性与方法记录积累

    最近,在学习JavaScript,Java作域链包含全局,记录下常用的全局属性与方法,就当是知识的积累,未列出全部,如需查看全部可参考JS相关的API文档. 常用的全局属性: 全局属性      作用                              Infinity 表示正无穷大的数值 NaN 非数字值  undefined 未定义的值常用的全局方法:  全局方法      作用                              encodeURI() 返回参数的副本,其中某些

  • JavaScript常用的弹出广告及背投广告实现方法

    本文实例讲述了JavaScript常用的弹出广告及背投广告实现方法.分享给大家供大家参考.具体分析如下: 弹出广告和背景广告在大网站用的比较多,也是站长的必备代码,本代码段中包括弹出窗口广告以及背投广告两种形式,根据自己的需要,你可以随意选择. 注:这类广告不建议大家用,大多浏览器都会把此类AD拦截,只为大家学习之用. 复制代码 代码如下: <html> <head> <title>JavaScript常用的弹出广告及背投广告代码</title> </

  • javascript实现去除HTML标签的方法

    本文实例讲述了javascript实现去除HTML标签的方法.分享给大家供大家参考,具体如下: <script type="text/javascript"> String.prototype.stripHTML = function() { var reTag = /<(?:.|\s)*?>/g; return this.replace(reTag,""); } var sTest = "<b>this would b

  • javascript的document中的动态添加标签实现方法

    document的高级篇中提供了节点操作的函数,具体包括:获取节点,改变节点,删除节点,替换节点,创建节点,添加节点,克隆节点等函数.我们可以利用这些函数动态改变html的节点. 1.JavaScript <script type="text/javascript"> function test1(){//对个节点的ID相同时候的情况 var myhref = document.getElementById('same'); window.alert(myhref.inne

  • JavaScript常用数组操作方法,包含ES6方法

    一.concat() concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,仅会返回被连接数组的一个副本. var arr1 = [1,2,3]; var arr2 = [4,5]; var arr3 = arr1.concat(arr2); console.log(arr1); //[1, 2, 3] console.log(arr3); //[1, 2, 3, 4, 5] 二.join() join() 方法用于把数组中的所有元素放入一个字符串.元素是通过指定的分隔符进行分

  • 28个JavaScript常用字符串方法以及使用技巧总结

    28个JavaScript常用字符串方法以及使用技巧总结

    目录 前言 1. 获取字符串长度 2. 获取字符串指定位置的值 (1)charAt() (2)charCodeAt() 3. 检索字符串是否包含特定序列 (1)indexOf() (2)lastIndexOf() (3)includes() (4)startsWith() (5)endsWith() 4. 连接多个字符串 5. 字符串分割成数组 6. 截取字符串 (1) slice() (2) substr() (3) substring() 7. 字符串大小写转换 (1)toLowerCase

  • Python使用正则表达式过滤或替换HTML标签的方法详解

    本文实例讲述了Python使用正则表达式过滤或替换HTML标签的方法.分享给大家供大家参考,具体如下: python正则表达式关键内容: python正则表达式转义符: . 匹配除换行符以外的任意字符 \w 匹配字母或数字或下划线或汉字 \s 匹配任意的空白符 \d 匹配数字 \b 匹配单词的开始或结束 ^ 匹配字符串的开始 $ 匹配字符串的结束 \W 匹配任意不是字母,数字,下划线,汉字的字符 \S 匹配任意不是空白符的字符 \D 匹配任意非数字的字符 \B 匹配不是单词开头或结束的位置 [^

随机推荐