js技巧代码-2

最新推荐文章于 2023-05-22 08:02:20 发布
最新推荐文章于 2023-05-22 08:02:20 发布
阅读量220 收藏
点赞数
分类专栏： # JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014096024/article/details/96280369
版权

11.可以在文字域的font写onclick事件

12.打印</a>打印网页

<a href='javascript:window.print ()'>

13.线型输入框

<input type="text" name="key"  size="12" value="关键字" onFocus=this.select() onMouseOver=this.focus()

class="line">

14.显示文档最后修改日期

<script language=javascript>

function hi(str)

{

 document.write(document.lastModified)

 alert("hi"+str+"!")

}

</script>

15.可以在鼠标移到文字上时就触发事件

<html>

<head>

<script language="LiveScript">

<!-- Hiding

     function hello() {

       alert("哈罗!");

     }

</script>

</head>

<body>

<a href="" onMouseOver="hello()">link</a>

</body>

</html>

16.可以根据网页上的选项来确定页面颜色

<HTML>

<HEAD>

 <TITLE>background.html</TITLE>

</HEAD>

<SCRIPT>

<!--

function bgChange(selObj) {

 newColor = selObj.options[selObj.selectedIndex].text;

 document.bgColor = newColor;

 selObj.selectedIndex = -1;

 }

//-->

</SCRIPT>

<BODY STYLE="font-family:Arial">

<B>Changing Background Colors</B>

<BR>

 <FORM>

  <SELECT SIZE="8" onChange="bgChange(this);">

  <OPTION>Red

  <OPTION>Orange

  <OPTION>Yellow

  <OPTION>Green

  <OPTION>Blue

  <OPTION>Indigo

  <OPTION>Violet

  <OPTION>White

 <OPTION>pink

  </SELECT>

 </FORM>

</BODY>

</HTML>

17.将按钮的特征改变

<style type="text/css">

<!--

.style1 { font-size: 12px; background: #CCCCFF; border-width: thin thin thin thin; border-color: #CCCCFF

#CCCCCC #CCCCCC #CCCCFF}

.style2 { font-size: 12px; font-weight: bold; background: #CCFFCC; border-width: thin medium medium thin;

border-color: #CCFF99 #999999 #999999 #CCFF99}

-->

</style>

　　本例按钮的代码如下：

<input type="submit" name="Submit" value="提 交" οnmοuseοver="this.className='style2'"

οnmοuseοut="this.className='style1'" class="style1">

18.改变按钮的图片.

<style type="text/css">

<!--

.style3 { font-size: 12px; background: url(image/buttonbg1.gif); border: 0px; width: 60px; height: 22px}

.style4 { font-size: 12px; font-weight: bold; background: url(image/buttonbg2.gif); border: 0px 0; width:

60px; height: 22px}

-->

</style>

　　本例的按钮代码如下：

<input type="submit" name="Submit2" value="提 交" οnmοuseοver="this.className='style4'"

οnmοuseοut="this.className='style3'" class="style3">

19.打印页面

<div align="center"><a class=content href="javascript:doPrint();">打印本稿</a></div>

20.可以直接写html语言

document.write("");

度假的小鱼
关注
专栏目录
100个优化js代码的技巧
进击的火山博客
05-31 436
欢迎大家关注我的同名前端公众号：杨灿就是杨火山，点击可查看公众号二维码 1.带有多个条件的 if 语句 把多个值放在一个数组中，然后调用数组的 includes 方法。 //longhand if (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') { //logic } //shorthand if (['abc', 'def', 'ghi', 'jkl'].includes(x)) { //logic } 2. 简化 i.
vue.js-2-web-development-projects:vue.js 2项目实战源码+代码-js
03-24
这个压缩包中的内容，"vue.js-2-web-development-projects"，显然是一个关于Vue.js 2的实战项目集合，包含了源码和相关的JavaScript代码。这个项目集可以帮助开发者深入理解和应用Vue.js 2的核心特性，提升实际开发...
js代码常见技巧总结
codepony的博客
07-03 134
1. 避免链式声明 后果：可能引入全局变量 //错误的写法 var a = b = 0; 这段代码中,b实际上被声明为全局变量。因为操作符优先级是是从右往左，所以该语句相当于: var a = (b = 0) 此时b未声明就被直接赋值，所以b成了全局变量 2. 单一var原则 这条规则的意思是，把函数内部的所有变量，放到顶部声明。比如： //示例 function A(){ var a = 1, b = 2,
十个编写更简洁的 JavaScript 代码的技巧
m0_64460287的博客
10-26 235
在下面的示例中，由于我们已经知道，我们谈论的是 Car 或 paintCar，因此你无需在变量中再次提及上下文的Car。不要忘记函数的作用——为你的代码添加模块化。近年来，随着许多框架的推出，涵盖了从后端、Web前端到跨平台移动应用程序，甚至游戏的方方面面，Javascript 的流行度达到了很高的水平。更重要的是，请记住，你的函数只会为未定义的参数提供值， 默认值不会替换任何其他虚假值。因此，我们需要编写一些干净可读的代码，在今天的内容中，我将与你分享一些我编程干净代码的基本技巧，希望对你有所帮助。
JS代码技巧（一）
weixin_41269811的博客
10-17 307
一、简洁的语法 ES6提供了许多很好的语法可以让前端分开发者编写的代码更加清晰可读，同时使业务逻辑更加清晰明了。 1、代码里避免写绝对路径，尽量使用相对路径 例如： const url = 'http://aaaaa.com:8000/app/xxx' 替换为： const url = 'app/xxx' 而域名则改为在项目配置文件中进行统一配置，可以很大程度上避免因为环境切换引起的未知bug 2、使用箭头函数，简化代码 例如： const idList = dataSource.
JS代码技巧
Just Play的博客
02-03 711
1）利用数组的slice()方法进行复制一个新的数据。 slice slice()就是对应String的substring()版本，它截取Array的部分元素，然后返回一个新的Array： var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G']; arr.slice(0, 3); // 从索引0开始，到索引3结束，但不包括索引3: ['A', 'B',
js代码-javascript练习
07-15
通过以上讲解，我们可以看到"js代码-javascript练习"这个主题涵盖了大量的JavaScript基础知识，无论是初学者还是有经验的开发者，都可以通过练习来提升自己的技能。实际操作这些代码将有助于理解并掌握JavaScript的...
js代码-solution 2
07-14
在JavaScript编程领域，"js代码-solution 2"可能是一个项目或问题的解决方案，其中包含两个主要文件：`main.js`和`README.txt`。这两个文件对于理解和实施这个解决方案至关重要。 1. **main.js**: 这是JavaScript的...
js代码-查找数组中重复出现的元素
07-16
在JavaScript编程中，查找数组中重复出现的元素是一项常见的任务，尤其在数据处理和分析时。...这些技巧对于任何JavaScript开发者来说都是必备的，尤其是在处理数据集时，能有效地找出并处理重复数据。
js代码-JS经典代码题
07-16
JS经典代码题是程序员在面试或自我提升时常常遇到的挑战，它们旨在考察对语言特性的理解、问题解决能力以及编程技巧。下面我们将深入探讨一些常见的JS知识点，结合`main.js`和`README.txt`可能包含的代码示例进行...
js代码技巧
weixin_34037977的博客
12-10 91
1.js 中不常用的处理方法 //取整 parseInt(a,10); //Before Math.floor(a); //Before a>>0; //Before ~~a; //After a|0; //After //四舍五入 Math.round(a); //Before a+.5|0; //After //内置值 undefined; ...
编写js代码的技巧
weixin_44540247的博客
02-20 498
在当今这个时代，网络技术越来越发达，各种各样的东西方便了大家对生活、对工作等方面的“运行”。但是随着时代的变化，很多东西都是会被淘汰掉的。就好比代码，凡是一个程序员都知道，编写代码最重要的就是花最少的代码运行出同样的效果。 上面是我们学习前端基础所编写的原生JavaScript，第一眼的感觉就是很多重复的代码，很不简洁。这样子的代码运行的效率也不会很高。 下面是简化后的代码： 将一些重复的代码封...
js代码常见技巧
xiaoweids的博客
07-14 91
转自：微点阅读 https://www.weidianyuedu.com1. 避免链式声明 后果：可能引入全局变量 //错误的写法 var a = b = 0; 这段代码中,b实际上被声明为全局变量。因为操作符优先级是是从右往左，所以该语句相当于: var a = (b = 0) 此时b未声明就被直接赋值，所以b成了全局变量 2. 单一var原则 这条规则的意思是，把函数内部的所有变量，放到顶部声明。比如： //示例 function A(){ var a = 1, b = 2, c =
分享 21 个简单实用的 JS 代码技巧
最新发布
前端达人
05-22 451
1.滚动到页面顶部我们可以使用 window.scrollTo() 平滑滚动到页面顶部。const scrollToTop = () => { window.scrollTo({ top: 0, left: 0, behavior: "smooth" }); };2.滚动到页面底部当然，如果知道文档的高度，也可以平滑滚动到页面底部。const scrollToBottom = () =&...
13 个 JavaScript 代码技巧，让你看起来像个专业高手
web前端开发
01-13 202
英文 | https://medium.com/@cookbug/13-lines-of-javascript-code-make-you-look-like-a-master-95eaa...
8个编写JS代码的小技巧和窍门
qq_43067585的博客
11-19 326
下面js教程栏目给大家介绍8个编写javascript代码的技巧和窍门。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 推荐教程：《JavaScript视频教程》 1. 生成指定区间内的数字 有时候需要创建在某个数字范围内的数组。比如在选择生日时。以下是最简单的实现方法。 letstart=1900, end=2000; [...newArray(end+1).keys()].slice(start); //[1900,1901,...,20...
JavaScript 开发的 45 个经典技巧
CG国斌的博客
03-23 2666
1 前言JavaScript 是一种直译式脚本语言，也是一种动态类型、弱类型、基于原型的语言。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，因此其也是一种被广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。现在，JavaScript 已经成为了当今使用最为广泛、最受欢迎的语言之一，多了解一些 JavaScript 的使用技巧，当然是有益无
12个可以让你像专业人士一样编写JavaScript代码的技巧
web前端开发
09-14 140
英文 |https://medium.com/geekculture/12-javascript-tips-and-tricks-to-code-like-a-pro-1359de0d5...
JavaScript技巧大全：200+实用代码实例
本文档提供了200多个JavaScript技巧代码示例，涵盖了丰富的Web开发实践场景，旨在帮助开发者提升前端交互和用户体验。以下是一些关键知识点： 1. **事件处理**： - `onBlur` 和 `onFocus` 用于处理元素失去焦点和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

度假的小鱼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值