一个本地站点文件夹下的所有html文件必须放在同一个文件夹里吗?

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 小时前)
专注、、运营
给问题设置一定金额,将更容易获得关注与回答。
选择支付方式

我要回帖

更多关于 ps字体放在哪个文件夹 的文章

 

随机推荐