js this的使用举例

<script type="text/javascript">
    function test(obj){
        obj.style.width= obj.offsetWidth *1.5+"px";
        // offsetWidth 表示元素的宽    有了this,不需要document.getElementById();
    
    }
</script>

<div style=" border:1px solid #ccc; width: 300px; height: 200px;"
     onClick="test(this)">abc</div>  <!--  this 指这个对象 img-->
时间: 2024-09-30 14:46:27

js this的使用举例的相关文章

js中闭包作用举例

模拟实现类的私有属性 function Boy(name){ this.name = name; var sex = 'boy'; this.saySex = function(){ console.log("my sex is "+sex) }; } var xiaoming = new Boy('xiaoming'); console.log(xiaoming.name); console.log(xiaoming.sex); xiaoming.saySex();VM344:16

JS中replace()用法举例

语法: string.replace(regexp,replacement) 参数: regexp:声明了要替换的模式的RegExp对象.如果该参数是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换成RegExp对象.replacement:一个字符串,声明的是替换文本或生成替换文本的函数. 返回值: 一个新字符串,是用replacemenc替换了与regexp的第一次匹配或所有匹配之后得到的. 描述: 字符串string的方法replace()执行的是查找并替换的操作.它将在st

js获取url路径包括正则匹配规则来获取

常规获取方法: var protocol = window.location.protocol;  // "http:" var host = window.location.host;  //"localhost" or "www.baidu.com" var pathname = window.location.pathname;  // "/dkrl/services/cases.php" var href = wind

js实现页面跳转重定向多种方法

分享下js实现页面跳转重定向的几种方式. 第一种: <script language="javascript"type="text/javascript"> window.location.href="http://www.jbxue.com"; </script> 第二种: <script language="javascript"> alert("返回"); wind

有关js split函数的系列教程

在js中分割字符串自然离不开split函数, js分割字符串的函数split,可以用正则表达式将前后空格,用空字符串替代. 收集了几篇js split函数的用法教程. 链接: js split函数用法举例 字符串分割函数split的例子 js字符串分割函数split用法 js split函数用法_split分割字符串成数组 js split函数将分割字符串为数组的方法 以及: JS使用split分割字符串并应用正则匹配 js split 的用法和定义 js split分割字符串成数组 split

js面试小结

1.css3中transfrom和transition.animation的区别transfrom描述元素静态样式,而transition和animation能够实现动画效果,所以一般transfrom配合后两者使用.结论:1. 如果要灵活定制多个帧以及循环,用animation.2. 如果要简单的from to 效果,用 transition.3. 如果要使用js灵活设定动画属性,用transition. 2.ajax工作原理在用户和服务器之间建立中间层(ajax引擎),让用户操作和服务器响应

JS使用replace()方法和正则表达式进行字符串的搜索与替换实例

1.JS字符串的替换及replace()方法的使用 replace(regexp,replacement)方法有两个参数,第一参数可以是一个纯文本字符串或是一个RegExp对象,具体请看RegExp对象的使用:第二个参数可是一个字符串也可以是一个函数. 以下是JS字符串替换的举例: 例1: var str="Hello world!"; document.write(str.replace(/world/, "phper")); 例2: var reg=new Re

js关于时间(date)的比较

之前在工作上遇到一个问题:使用一些时间插件,如果有俩个时间,要判断结束时间和开始时间的大小?后来就查找了一些资料,这边整理出俩个比较简便的方法. 在这我拿 laydate.js 这个插件来举例: 首先是 html 代码,我简单的写了俩个时间框: 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name

JS中toString()、toLocaleString()、valueOf()的区别

前言 Array.Boolean.Date.Number等对象都具有 toString().toLocaleString().valueOf()三个方法,那这三个方法有什么区别? 一.JS Array 1)举例 var array = new Array("niu","li","na"); console.log(array.valueOf()); console.log(array.toString()); console.log(array.