西宁市公安局城西分局官方网站
西宁市公安局城西分局官方网站提供了有关该公安局的详细信息和公共服务。网站使用HTML和CSS样式,具有响应式布局和视频播放器等功能。以下是对该网站的简单介绍:
HTML结构
<!DOCTYPE html>
<html>
<head>
<title>西宁市公安局城西分局</title>
<link rel="stylesheet" href="styles.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/5.15.0/video.min.js"></script>
</head>
<body>
<div class="video-js">
<p class="vjs-no-js">要查看此视频,请启用JavaScript,并考虑升级到支持HTML5视频的Web浏览器。</p>
</div>
<div class="content">
<!-- 此处省略内容 -->
</div>
<script src="main.js"></script>
</body>
</html>
CSS样式
在styles.css
文件中定义了一些CSS样式规则,其中包括:
.video-js
:设置视频播放器的宽度和高度为300px和150px。.vjs-fluid:not(.vjs-audio-only-mode)
:设置非音频仅模式下的容器高度为视窗高度的56.25%。
JavaScript代码
在main.js
文件中编写了JavaScript代码,包括:
- 创建一个名为
hy
的对象,并为其配置config
属性和debug
属性。如果debug
属性为true
,则将基本URL设置为https://www.xncx.gov.cn:8001
,否则为空字符串。这用于控制调试信息的显示或隐藏。 - 定义了一个名为
ShowDetail
的函数,用于在页面加载时执行特定操作。具体来说,它会检查页面上是否存在ID为rrbay_wzatool
的元素,如果不存在,则将当前URL附加到查询字符串后,并将页面滚动到顶部。然后,调用window.location.href()
方法跳转到指定的URL。