Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
显示/隐藏javascript查询_Javascript_Html_Css - Fatal编程技术网

显示/隐藏javascript查询

显示/隐藏javascript查询,javascript,html,css,Javascript,Html,Css,我创建了这个html测试网站来测试显示/隐藏javascript 当我加载页面时,我想显示第一个页面,但在我的网站中,所有内容都是隐藏的“直到我点击一个按钮” 这是因为你所有的元素都是隐藏的,而切换函数只能在点击时调用 使用以下命令: window.onload = function(){ toggle('about'); //or whichever page you'd like to show on startup } 此函数在页面加载时调用,并调用切换函数,提供应显示的内容 或者,

我创建了这个html测试网站来测试显示/隐藏javascript

当我加载页面时,我想显示第一个页面,但在我的网站中,所有内容都是隐藏的“直到我点击一个按钮”


这是因为你所有的元素都是隐藏的,而切换函数只能在点击时调用

使用以下命令:

window.onload = function(){
  toggle('about'); //or whichever page you'd like to show on startup
}
此函数在页面加载时调用,并调用切换函数,提供应显示的内容


或者,您可以只更改样式=显示:无;to style=显示:块;在HTML中显示页面加载时应显示的内容。

您使用的是纯javascript为什么添加了jquery标记查看我的答案和Fiddle为什么不删除style=display:none;从要显示的元素开始?因为这就是我隐藏所有元素的方式。但是我想在加载页面时显示第一页,所以您想同时隐藏所有而不是全部隐藏显示第一页吗?对我来说没什么意义。如果不想隐藏第一页,请从中删除display:none CSS规则。
window.onload = function(){
  toggle('about'); //or whichever page you'd like to show on startup
}