日度归档:2020年9月26日

javascript 如何使用js脚本获取浏览器的可视窗口的高度和宽度呢?


摘要:
下文讲述js中获取可视窗口宽高的方法分享,如下所示;

实现思路:
  如:
    1.Internet Explorer、Chrome、Firefox、Opera 以及 Safari:
    使用window对象中的以下属性  
         window.innerHeight 获取高度
         window.innerWidth  获取宽度
     
    对于Internet Explorer 8、7、6、5:
    使用
    document.documentElement.clientHeight 获取高度
    document.documentElement.clientWidth   获取宽度
    或
    document.body.clientHeight  获取高度
    document.body.clientWidth   获取宽度

例:
js弹出可视宽度 高度

<meta charset="UTF-8"> 
<p>
maomao365.com<br />
js获取可视窗体的宽度高度的示例分享
</p>
<hr />
<script>
	window.onload =function(){
     var h =window.innerHeight;
     var w =window.innerWidth;
     var d = document.getElementById("divTest");
     d.innerHTML =d.innerHTML +"可视窗口:<br />"; 
     d.innerHTML =d.innerHTML +"宽:"+w+"高:"+h;  
	}
</script>

<div id="divTest">
</div>
javascript中js脚本获取可视窗口宽高的示例分享

javascript中js脚本获取可视窗口宽高的示例分享

html中如何为input标签添加回车按钮事件呢?


摘要:
下文讲述html中为input文本框添加回车按钮事件的方法分享,如下所示;

实现思路:
    在input标签上添加 绑定onkeydown事件,
    并指定其内容为监控keyCode =13

例:
为input标签绑定enter事件

  
  <p>
   maomao365.com<br />
   为input绑定Enter回车键事件  
  </p>
  <hr />
  <input
  onkeydown="if(event.keyCode==13) {submitTest()}"/>
     
    <script>
        function submitTest() {
           alert('您点击了ENTER键!');
        }
    </script>  

html网页如何去掉横向滚动条或竖向滚动条呢?


摘要:
下文讲述html网页中剔除掉滚动条的方法分享,如下所示;

实现思路:
    1.竖向滚动条剔除方法
     <body style=`overflow:-Scroll;overflow-y:hidden` >
     </body>


    2.横向滚动条剔除方法
    <body style=`overflow:-Scroll;overflow-x:hidden` >
    </body>
   
    3.同时去掉横向,竖向滚动条
    <body scroll="no" >
    </body>
   
-------注意事项-----
    以上方法其实现原理为隐藏了滚动条,但是未实际禁止,
    我们通过鼠标的滚轮,还是可以向上,下,左,右查看网页隐藏的内容