HTML页面反向显示与页面自动最大化语法示例

猿小猴子

已于 2022-10-26 10:48:41 修改

阅读量527

点赞数

分类专栏： JavaScript 文章标签： html 前端 javascript

于 2022-10-26 09:09:24 首次发布

本文链接：https://blog.csdn.net/u014695938/article/details/127525550

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

一、HTML页面反向显示

默认的HTML页面内容是从左到右显示的。那如何将其设置为从右到左显示。语法重点是dir属性，很多文本显示控件都具备这个属性，其用来控制文本的显示方向。“rtl”就是right to left的意思，表示从右到左显示。如果从左到右显示，就是“ltr”。
示例代码如下：

<!DOCTYPE html>
<html dir=rtl>
<head>
    <meta charset="UTF-8">
    <title>PythonJsGo标题页</title>
<body>
这是一段PythonJsGo伟大的历史<br />
来自全世界的瞩目和掌声，总给PythonJsGo
</body>
</html>

反向显示的效果如图所示：

二、页面自动最大化

一些内容比较多的网站为了方便用户的操作，通常在打开页面时就将窗口设置为最大化。那如何使页面打开时默认为最大化状态。语法重点是screen对象，用其控制窗口，并实现窗口的最大化，其中“availWidth”表示屏幕允许的最大宽度，“availHeight”表示屏幕允许的最大高度。
示例代码如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>PythonJsGo标题页</title>
    <script language="javascript">
        //定位左上角
        self.moveTo(0,0);
        //调整屏幕
        self.resizeTo(screen.availWidth,screen.availHeight);
    </script>
</head>
<body>

<!-- 示例内容省略　-->

</body>
</html>

最大化的页面效果如图所示：