来源:蜘蛛抓取(WebSpider)
时间:2016-08-16 14:54
标签:
ps字体放在哪个文件夹
Js放到HTML文件中的哪个位置有什么区别
字体:[ ] 类型:转载 时间:
先明白js能放在HTML的那个位置,分别是head和body中。大部分人都是放到head里面的。下面为大家介绍下放到这两个地方的区别
这个问题一直是初学者的困惑。先明白js能放在HTML的那个位置,分别是head和body中。大部分人都是放到head里面的。我学的时候也是稀里糊涂的跟着放到head的里面,也不知道为什么?今天看说说,放到这两个地方的区别: 先看一段html代码:
代码如下: &html& &head& &title& New Document &/title& &meta http-equiv="content-type" content="text/charset=utf-8"& &script type="text/javascript" src="test.js"&&/script& &/head& &body& &div id="target"& &/div& &button id="btn"&按钮&/button& &/body& &/html&
代码如下: var test = function(){ var span = document.createElement("span"); span.innerHTML="添加"; document.getElementById("target").appendChild(span); } document.getElementById("btn").onclick=
如果这段代码放到head里面就不能运行。为什么? 这就要说一下HTML的运行顺序了,应该确切点说不是HTML的运行顺序,是js的运行顺序。HTML从上运行到&script type="text/html" src="test.js"&&/script&的时候进入test.js文件。前面的不会运行,也就是被function包起来的不会被运行,这个时候就执行最后一句。去页面中取元素Id为btn的元素。但是这个时候,HTML页面并没有加载完。肯定取不到id为btn的元素。会报错。这个时候有人说可以改为下面的代码:
代码如下: document.body.onload = function(){ document.getElementById("btn").onclick= };
但是这样写还不如,写到&/body&的前面呢。 有没有注意到,上面的[document.getElementById("btn").onclick=]中test没有括号,那如果改成[test()].会怎么样呢 &结果如图,页面载入就是是这个样子,点击按钮没有反应。将js代码改成如下:
代码如下: var test=function(){ var span = document.createElement("span"); span.innerHTML="添加"; document.getElementById("target").appendChild(span); return function(){ alert("aaaa"); }; } document.getElementById("btn").onclick=test();
页面载入的时候,还是和上面一个样子,当点击按钮的时候,有反应了弹出一个框内容是”aaaa“;说明点击的时候执行了函数中return的值。也就是加括号的时候,不触发事件也会执行函数。触发事件的时候执行函数的返回值。不加括号的时候,触发事件才执行函数。 html的事件触发器,内容能写什么? •比如onclick="";双引号里面能写什么。一般看到的可以写函数,比如,onclick="test();"。除了这个还能写什么呢?好有这个分号能不写吗? •看上面的js代码,每一行都有分号。分号的作用就是为了语句被混淆。那也就是说onclick里面可以写js代码。写一个试试,如下
代码如下: &html& &head& &title& New Document &/title& &meta http-equiv="content-type" content="text/charset=utf-8"& &/head& &body& &div id="target"& &/div& &button id="btn" onclick="var espan = document.createElement('span');espan.innerHTML='添加';document.getElementById('target').appendChild(espan);"&按钮&/button& &/body& &/html&
•运行结果如下: &•说明是可以运行的。这说明,不止可以放函数名了。 事件绑定方式? •事件绑定方式常用有两种一是前面介绍的在事件中加入js代码。如:onclick="test();"。这种绑定方式有缺点,就是你要修改,美工已经写好的代码。 •还有一种方式就是我开始代码写的那样,通过id,只需要美工将每个元素都加上id就行。并不需要修改HTML代码。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具本帖子已过去太久远了,不再提供回复功能。web答案一_百度文库
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
上传于|0|0|文档简介
&&web选择题
阅读已结束,如果下载本文需要使用1下载券
想免费下载本文?
定制HR最喜欢的简历
下载文档到电脑,查找使用更方便
还剩28页未读,继续阅读
定制HR最喜欢的简历
你可能喜欢把所有文章页都放在一个文件夹下,是不是一个理想选择? - 搜外问答
正在新建一个站,资讯类型的站,估计未来内容量较大。这是前提。
一开始我是这么设置的,栏目页的url是
但是我个人觉得我现在网站的目录结构随着网站的发展,以后有可能会调整,
这样的话,以后有可能移动文章的栏目,如果移动,url就会发生变化。
--&,这样就是404了。
如果把网站所有的文章也都放在一个文件夹下,就不会遇到这个问题,
但是不知道这样的设置好不好?
谢谢![?][?][?][?][?]
2,809 次浏览
扁平化结构会有利于蜘蛛爬取,但是全部文章都放在一个页面就不好管理,特别是以后内容量大的时候,所以现在的大站包括其他的普通站点一般都是用树状型结构。所以说刚建站的时候就要规划好网站结构,这点很重要,否则等你网站有了权重再去修改url的话,容易被降权甚至k站。。。
标签化,这是一个无敌的东西,个人目前觉得~
30天内高手都在交流什么
微信自媒体实战案例
从零开始玩转微信自媒体
(0 个回答)
(2 个回答)
(4 个回答)
(5 个回答)
(5 个回答)
(7 分钟前)
(17 分钟前)
(1 小时前)
(3 小时前)
(3 小时前)
专注、、运营
给问题设置一定金额,将更容易获得关注与回答。
选择支付方式