javascript学习常用技巧

最新推荐文章于 2024-03-06 16:18:37 发布

xiao_e1

最新推荐文章于 2024-03-06 16:18:37 发布

阅读量407

点赞数

分类专栏： javascript学习文章标签： javascript js

本文链接：https://blog.csdn.net/xiao_e1/article/details/38874225

版权

javascript学习专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一、Javascript程序存放位置

HTML的<body></body>里面
HTML的<head></head>里面

*.js文件里面

二、标准格式

放在HTML的<body></body>里面，当浏览器载入到Body部分的时候就开始执行Javascript

<html>
<head></head>
<body>
<script type="text/javascript">
。。。。。。
</script>
</body>
</html>

放在HTML的<head></head>之间，一般用于在用户事件触发

<html>
<head>
<script type="text/javascript">
。。。。。。
</head>
<body></script>
</body>
</html>

有些可以共用的js方法或者其它避免造成代码重复允余，可以将js放入到*.js文件里面，在html中引入

<html>
<head>
<script src="filepath/*.js"/>
</head>
<body></script>
</body>
</html>

三、常用事件文本框焦点事件

onblur：失去焦点事件

onfocus：获得焦点事件

onchange：文本框文字改变事件

onselect：选择文本框文字事件

<input type="text" value="test text!"
       οnfοcus="if(value=='test text!') {value=''}" οnblur="if(value=='') {value='test text!'}" />
<!-- 初始值为test text! 获得焦点后判断用户无输入将文本框设空 失去焦点时判断为空时设置默认值 -->