87,910
社区成员
发帖
与我相关
我的任务
分享一个网页先清除再显示的问题
其实标题里我没说清楚（新手），我想的是触发一个事件把之前全部清除，再载入新的内容。反正是要在一个网页里。还有关于div的问题，希望不保留原来的div，加一些新的div。还有一个就是我想触发载入一个图片，js里有内置的那种渐变效果的格式吗。求带佬给些指导
...全文
请发表友善的回复…
发表回复
Kevin@1997 2019-03-19
- 打赏
- 举报
达到触发条件后用选择器Remove()<body>就等于清空了页面
Easul 2019-03-18
- 打赏
- 举报
还有一个问题，清除页面之后，怎么新加东西啊，可以write一些文字，但是其他一些东西怎么搞。比如我想做的是，一个标题界面（一张图和一个按钮start），我点击start重置了，这时我想用我已经设好的css的div，有的想加点图片，有的加点文字，再一些按钮。那该怎么做呢？[/quote]
因为数据都是需要加到一些标签里的，可以创建用js的var test=document.createElement("标签名")创建div，p或者什么标签，然后给他用test.innerHTML赋值数据，或者test.src="路径"赋值图片，也可以赋值css属性或者赋值id名或者是class名(这样可以直接引用你的已经创建好的css样式)，之后需要把创建好的这个节点添加到他的一个父节点里，例如var testParent =document.getElementById("father");testParent.appendChild(test);就可以把你创建的节点添加到某个已经存在的节点下了[/quote]
设置好css的div就直接var test1=document.getElementById("名字");test1.innerHTML="文字"或者test1.src="路径"就可以了
Easul 2019-03-18
- 打赏
- 举报
还有一个问题，清除页面之后，怎么新加东西啊，可以write一些文字，但是其他一些东西怎么搞。比如我想做的是，一个标题界面（一张图和一个按钮start），我点击start重置了，这时我想用我已经设好的css的div，有的想加点图片，有的加点文字，再一些按钮。那该怎么做呢？[/quote]
因为数据都是需要加到一些标签里的，可以创建用js的var test=document.createElement("标签名")创建div，p或者什么标签，然后给他用test.innerHTML赋值数据，或者test.src="路径"赋值图片，也可以赋值css属性或者赋值id名或者是class名(这样可以直接引用你的已经创建好的css样式)，之后需要把创建好的这个节点添加到他的一个父节点里，例如var testParent =document.getElementById("father");testParent.appendChild(test);就可以把你创建的节点添加到某个已经存在的节点下了
qq_783939100 2019-03-18
- 打赏
- 举报
可以重置body标签
正义の仲间 2019-03-17
- 打赏
- 举报
还有一个问题，清除页面之后，怎么新加东西啊，可以write一些文字，但是其他一些东西怎么搞。比如我想做的是，一个标题界面（一张图和一个按钮start），我点击start重置了，这时我想用我已经设好的css的div，有的想加点图片，有的加点文字，再一些按钮。那该怎么做呢？
正义の仲间 2019-03-17
- 打赏
- 举报
还有一个问题，清除页面之后，怎么新加东西啊，可以write一些文字，但是其他一些东西怎么搞。比如我想做的是，一个标题界面（一张图和一个按钮start），我点击start重置了，这时我想用我已经设好的css的div，有的想加点图片，有的加点文字，再一些按钮。那该怎么做呢？
Easul 2019-03-16
- 打赏
- 举报
1 文字如果在某个id下,可以用document.getElementById("id名").inner HTML="";可以清空这个id框的值,如果是通过他父级的id来清空,那么里边的div也会消失
2 如果原来有img图片,可以直接修改他的图片路径就可以了
3 渐变效果可以使用jq里边的fadeIn等效果,具体可以参考http://www.w3school.com.cn/jquery/jquery_fade.asp,将jq的js框架加载到自己的html页面,就可以使用了
在一个页面进行不切换页面的换页可以使用ajax,这个是用来异步切换页面效果的,可以在不刷新网页的情况下清空页面所有的数据,来进行操作,ajax主要用于和后台页面进行交互,如果纯粹使用html+css+js可以不用参考这个,直接用js进行控制就可以了
天际的海浪 2019-03-15
- 打赏
- 举报
document.write()输出的是html标签，其中当然可以写图片标签<img>
也可以重置body标签的 innerHTML
正义の仲间 2019-03-15
- 打赏
- 举报
我可能没说清楚，我具体想搞的是我点一下，原来页面的图片，文字都没了，然后载入一张我新的一张图片（保证同一网页）。document.write不是只能输入文字吗
天际的海浪 2019-03-13
- 打赏
- 举报
页面加载完成之后再使用document.write()就会重新创建一个新的页面。
这个新页面的源代码就是document.write()输出的字符串。
如果是要对页面的局部内容改变和增加可以用 innerHTML 和 appendChild()
