一个网页先清除再显示的问题

正义の仲间 2019-03-13 07:22:52

其实标题里我没说清楚（新手），我想的是触发一个事件把之前全部清除，再载入新的内容。反正是要在一个网页里。还有关于div的问题，希望不保留原来的div，加一些新的div。还有一个就是我想触发载入一个图片，js里有内置的那种渐变效果的格式吗。求带佬给些指导

...全文

319 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

Kevin@1997 2019-03-19

打赏
举报

达到触发条件后用选择器Remove()<body>就等于清空了页面

Easul 2019-03-18

打赏
举报

引用 8 楼 Easul的回复:

[quote=引用 6 楼正义の仲间的回复:][quote=引用 4 楼 Easul 的回复:]
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进行控制就可以了[/quot

[quote=引用 4 楼 Easul 的回复:]
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进行控制就可以了

还有一个问题，清除页面之后，怎么新加东西啊，可以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

打赏
举报

引用 6 楼正义の仲间的回复:

[quote=引用 4 楼 Easul 的回复:]
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进行控制就可以了[/quot

[quote=引用 4 楼 Easul 的回复:]
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进行控制就可以了

qq_783939100 2019-03-18

打赏
举报

可以重置body标签

正义の仲间 2019-03-17

打赏
举报

引用 4 楼 Easul 的回复:

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进行控制就可以了[/quot

[quote=引用 4 楼 Easul 的回复:]
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进行控制就可以了

还有一个问题，清除页面之后，怎么新加东西啊，可以write一些文字，但是其他一些东西怎么搞。比如我想做的是，一个标题界面（一张图和一个按钮start），我点击start重置了，这时我想用我已经设好的css的div，有的想加点图片，有的加点文字，再一些按钮。那该怎么做呢？

正义の仲间 2019-03-17

打赏
举报

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进行控制就可以了