微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

js的写法基础分析_javascript技巧

php中文网
发布： 2016-05-16 18:11:43
原创
1031人浏览过

var a=false;
!a&&alert("hi");
解释 a为真才继续往下执行,所以会弹出hi
var a=a||"hi";
解释 当a为假的时候会继续执行,当a为真的时候跳出这个语句,所以可以通过这个办法复制默认值
上面的方法并非所有语言都是如此处理,比如PHP
$a=@$a||"hi";
echo $a;//1
php把(@$a||"hi")之后的值赋值过去了...
$a=true;
!$a&&echo "hi";
直接报错:syntax error, unexpected T_ECHO
关于prototype
很多情况下看到prototype都想到只有对象的情况下有
var add=function(){alert("b");}
add.prototype.a = function () {alert("hi");}
new add.prototype.a;
第一反应,可能会报错,其实不然,当没有生产对象的时候,可以通过add.prototype.a的方式直接调用静态的方法的
JS挺会误导人的,咳
选择器问题:
有时候需要选择一个节点下的子节点,用childNodes取值FIREFOX,IE的不同让人很郁闷
document.getElementsByTagName("head")[0].getElementsByTagName("script")[0];
上面的方法结果用在head标签阶段还好,用在其他的不怎么好用了
所有觉得还是用个类名作处理好点

复制代码 代码如下:

function getclassnode(classname,doc){
doc=doc||document;
var node=[],i=0,j=0,t;
var allnode=doc.getElementsByTagName("*");
while(t=allnode[i]){
if(RegExp(classname).test(t.className)){
node[j]=t;
j++;
}
i++;
}
return node;
}

自从用了JQ后,把原生的JS操作都忘的差不多了,偶尔复习下,感觉特麻烦,郁闷.
补上一点今天发现的JS要注意的地方,如果一个JS已经引入到了当前文档,即使移除引入节点,通过该引入JS文件定义的变量,函数等仍然有效,因为已经加载到了当前的文档环境,如下代码:
复制代码 代码如下:

document.getElementsByTagName("head")[0].removeChild(document.getElementsByTagName("head")[0].getElementsByTagName("script")[0]);

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：C#中TrimStart,TrimEnd,Trim在javascript上的实现_javascript技巧 下一篇：js 数据类型转换总结笔记_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
JavaScript动画与游戏开发物理引擎 掌握JavaScript动画循环与物理引擎是实现流畅交互动画的关键。通过requestAnimationFrame构建时间驱动的动画循环，结合位置、速度、加速度等物理变量模拟真实运动，可实现如重力下落等基础效果。对于复杂交互，推荐使用Matter.js、Planck.js等轻量级物理引擎，提升开发效率并增强真实感。为保障性能，需控制计算量、简化碰撞体、复用对象，并可结合WebWorkers分离物理运算与渲染。核心在于理解状态更新与渲染分离的设计模式，从而高效构建小型游戏或动态交互内容。
2025-11-15 23:31:02
609
使用 GSAP 解决绝对定位元素动画导致的错位问题 本文旨在解决在使用GSAP动画库时，对绝对定位元素进行动画处理可能导致的元素位置错乱问题。通过分离动画时间线并延迟执行，可以有效避免因父元素动画干扰而引起的定位错误，确保动画效果的稳定性和准确性。
2025-11-15 23:29:01
288
JavaScript源映射与调试信息 源映射（SourceMap）是JavaScript调试的关键工具，它通过JSON文件记录压缩或编译后代码与原始代码的位置对应关系，使开发者能在浏览器中直接调试原始代码。该文件包含version、sources、names、mappings、file和sourceRoot等字段，构建工具如Webpack、Babel、UglifyJS需配置相应选项（如devtool、sourceMaps:true）以生成映射文件，输出的JS文件末尾会添加注释“//#sourceMappingURL=app.js.m
2025-11-15 23:27:06
121
JS实现一个简单的倒计时组件_javascript实战 倒计时组件通过计算当前时间与目标时间的差值，实时更新页面显示。1.设定目标时间并获取当前时间戳；2.计算时间差（毫秒），分解为天、时、分、秒；3.使用setInterval每秒更新一次显示内容，并用padStart补零；4.当倒计时归零时清除定时器并停止更新。HTML结构包含四个span分别展示天、时、分、秒，CSS可美化样式。该实现逻辑清晰，支持复用，适用于活动倒计时等场景。
2025-11-15 23:26:02
362
解决GSAP动画导致绝对定位元素错位的问题 本文旨在解决在使用GSAP动画时，绝对定位元素（如图片）出现错位的问题。通过分析问题原因，提供了一种使用独立的Timeline和setTimeout函数来延迟动画启动的方法，确保主Timeline完成后再执行旋转动画，从而避免定位错误。
2025-11-15 23:23:14
844
解决井字棋游戏中的平局判断问题 本文旨在帮助开发者解决在JavaScript井字棋游戏中，当棋盘填满时，平局判断与胜负判断冲突的问题。通过修改checkWin()和draw()函数，确保在棋盘填满且没有玩家获胜时，正确地判定为平局，避免胜负判断的错误覆盖。
2025-11-15 23:22:02
720
js实现数组合并成字符串的方法 最常用方法是使用join()方法，它将数组元素用指定分隔符连接成字符串，默认以逗号分隔，支持自定义符号如空格或短横线；示例中[‘apple’,‘banana’,‘orange’]调用join(‘-’)输出apple-banana-orange；包含数字、布尔值等非字符串元素时会自动转为字符串，null和undefined也被处理为对应字符串，末尾的undefined不影响输出；空数组返回空字符串，稀疏数组的空位视为empty并转为空字符串；而toString()方法仅支持逗号分隔，灵活性差，re
2025-11-15 23:22:02
475
React useEffect 依赖缺失问题解决方案 本文旨在解决React开发中常见的useEffectHook依赖缺失警告。我们将深入探讨该警告的原因，并提供使用useCallbackHook来优化函数依赖，从而有效地消除警告并确保组件的正确行为。通过本文，你将学会如何避免不必要的副作用，并编写更健壮、可维护的React代码。
2025-11-15 23:21:05
161
js return用法总结 return用于返回值和终止函数，如add(2,3)返回5；2.可提前结束函数，常用于条件判断；3.箭头函数中若无大括号可省略return；4.无return或仅写return则返回undefined。
2025-11-15 23:15:05
791
JS插件开发怎样实现钩子函数_JavaScript插件钩子机制与扩展方法详解 钩子函数是JavaScript插件中用于扩展行为的回调机制，通过在关键执行节点触发预定义事件，允许开发者注入自定义逻辑。文章介绍了如何用on和trigger方法实现基础钩子系统，支持同步与异步操作，并可通过extend方法增强功能。结合语义化命名和清晰生命周期设计，钩子能显著提升插件可扩展性与维护性。
2025-11-15 23:14:02
390
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部