147-155 李游前端精品课程笔记

最新推荐文章于 2024-07-15 14:11:16 发布

刚好遇见小侯

最新推荐文章于 2024-07-15 14:11:16 发布

阅读量794

点赞数

分类专栏：李游前端精品课程笔记文章标签： javascript webview 前端

本文链接：https://blog.csdn.net/m0_61238657/article/details/123515961

版权

李游前端精品课程笔记专栏收录该内容

6 篇文章 0 订阅

订阅专栏

147.JS控制打开及关闭浏览器方法 
一．window.open(“www.baidu.com”);
浏览器打开这开新窗口(放入网址)
window.open(“index.html”);
浏览器打开新窗口(放入html类型的文件)；
#浏览器要打开允许打开新窗口的权限
二．window.closed();
关闭当前的窗口（复制到浏览器地址内的网页无法关闭，）

*<a href=“1.html” target=“_blank”>aaa</a>
在a标签里设置target属性，可以让a标签显示与open一样的效果

  

148.JS控制台输出方法及常用弹窗
一．alert
时效性不高，需要配合鼠标点击。
二．console.log(“hello world”); 
可以直接在浏览器的控制台打印输出，时效性高，交互性比较强。

*  console.error(“这里可能写错了”);
   打印错误提示，自己设置，不影响代码的运行。
*  console.warn(“注意！这里可能出现了问题”)
   打印警告提示，自己设置，不影响代码的运行。  
* \n
   转移符，换行，相当于回车。
   alert(“1\n2\n3\n”);
   console.log(“文本文本文本,\n文本文本文本文本文本,\n文本文本文本文本文本,\n文本文本文本,\n文本文本”);
*  prompt(“”);
输入对话弹窗
*  confirm(“”);
  选择对话弹框




149 如何让自己的点击量突破1w
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<script type="text/javascript">
		setInterval(function(){
	var a= window.open("https://baike.baidu.com/item/%E6%AD%A6%E6%B1%89%E4%BD%93%E8%82%B2%E8%88%9E%E8%B9%88%E8%89%BA%E6%9C%AF%E5%AD%A6%E6%A0%A1/17514660?fr=aladdin");
			
a.close();
		},500);
		
	</script>
</head>
<body>

</body>
</html>





150.window的常用属性
window的几个常用属性：
innerWidth:浏览器内部可视距离的宽度
innerHeight:浏览器内部可视距离的高度
screenLeft:浏览器距离屏幕左边的距离
screenTop:浏览器距离屏幕上面的距离
Screen.width:获取屏幕的宽度
Screen.height:获取屏幕的高度





151.window的其他属性
window是一个非常大的对象：通过console.log(),可以打印出window包含的所有的对象，我们也可以通过var 声明变量的方式往window上添加属性

*关键字不可以被申明：var this self top
this:当前环境下的对象，window环境下指向window
self:当前环境下的对象（可以被赋值），window环境下指向window
top:window环境下指向window最外层



152.number类型的基本运算
+ 加法运算
- 减法运算
* 乘法运算
/ 除法运算
%模运算 ：相除后取最后的余数
== 判断是否完全相等 返回boll(小数点16位以后不做判断)
>大于号判断
<小于号判断
<=小于等于判断
>=大于等于判断
！=不等于判断
遵守数学运算规则




153.如何获取浏览器距离屏幕的距离
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>

</head>
<body>
	<div id="distance">d</div>
	<script type="text/javascript">
		var left,right,up,bottom = 0;
		setInterval(function(){
			    left=screenLeft,
			    right=screen.width-screenLeft-innerWidth-40;
			    up=screenTop,
			    bottom=screen.height-23-up-innerHeight-78,
			distance.innerHTML="浏览器距离左边的距离"+left+"px, 浏览器距离右边"+right+"px, 浏览器距离上边"+up+"px, 浏览器距离下边"+bottom+"px."

		},200);
		
	</script>

</body>
</html>




154.快捷计算与科学计数法
快捷计算：
a+=5：可以快速为变量赋予新的值
a=a+5

a-=5:
a=a-5;
a*=5:
a=a*5;
a/=5:
a=a/5;

科学计数法：
100000：
1e5；

10：
1e1 


155.练习题：你能点到10么？
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>

</head>
<body>
	<button id="to">开始</button>
	<button id="st">停止</button>
	<script type="text/javascript">

		var add;
		function go(){
			clearInterval(add);
			num=0;
			add=setInterval(function(){
				num+=1;
				console.log(num);
			},50);
		};

		function stopGo(){
			clearInterval(add);
		};

		to.onclick=go;
		st.onclick=stopGo;
	</script>

</body>
</html>

刚好遇见小侯

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
147-155 李游前端精品课程笔记

147.JS控制打开及关闭浏览器方法一．window.open(“www.baidu.com”);浏览器打开这开新窗口(放入网址)window.open(“index.html”);浏览器打开新窗口(放入html类型的文件)；#浏览器要打开允许打开新窗口的权限二．window.closed();关闭当前的窗口（复制到浏览器地址内的网页无法关闭，）*<a href=“1.html” target=“_blank”>aaa</a>在a标签里设置target属性，可.
复制链接

扫一扫