JavaScript 定义函数的方法与内置函数的使用

JavaScript 定义函数的方法与内置函数的使用

函数就是已经写好的方法，让我们能更方便更快捷的去使用可以大大提高我们开发效率
当然我们也可以自己定义函数自己去使用
接下来就介绍如何去定义函数和js里的基础内置函数

JavaScript定义函数

1. 使用关键字function来定义一个函数
   

2. 调用时可以通过return来调用
   

3. 作用域 全局变量全局都可以使用 ，局部变量无法在函数体外部调用

   

内置函数

1.document.write()再页面中输出相关的字符串，也可以输出html标签，浏览器可以直接渲染

2.console.log()再控制台输出相关内容

弹框函数

alert()弹出一个警告框

confirm()弹出一个确认框 返回true和false 用于互动

prompt 弹出一个输入框在控制台显示
如果定义弹框密码可以使用prompt函数

代码执行函数

eval() 将字符串里的js语句执行
假如定义一个字符串为

var str = "document.write('xl')"

这虽然是个字符串但是也符合js语法那么就可以通过eval()函数来执行里面的语句
eval(str);

字符串截取函数

substr(x,y) x代表从字符串第几位开始，y代表从这个位置开始取几个字母

substring(x,y) x代表从第几位开始取到第y位不包含y本身包头不包尾

用javascript操作HTML

通过bom来操作浏览器对象

1. windows窗口(浏览器窗口)对象是全局的

   window.location 用于获取当前页面的url地址，并把浏览器重新定向到新的页面
   window.innerWidth 获取当前浏览器显示区域内部的宽度 需要定义变量去接收
   window.innerHeight 获取当前浏览器显示区域内部的高度 需要定义变量去接收
   window.outerWidth 获取当前浏览器显示区域外部的宽度 需要定义变量去接收
   window.outerHeigh 获取当前浏览器显示区域外部的高度 需要定义变量去接收
   
   

   window.location可以通过不同的服务端对页面进行跳转
   

2. navigator获取浏览器的信息

   navigator.appName       浏览器的名称
   navigator.appVersion     浏览器版本
   navigator.language       浏览器语言
   navigator.platform       操作系统的类型
   navigator.userAgent       浏览器设置的USER-agent字符串
   

   User-Agent 首部包含了一个特征字符串，用来让网络协议的对端来识别发起请求的用户代理软件的应用类型、操作系统、软件开发商以及版本号。

3. screen获取屏幕的信息

   screen.width 屏幕的宽度
   screen.heiht 屏幕的高度
   screen.colorDepth 返回颜色的位数
   

   screen.colorDepth颜色位数越大带宽就越大
   

4. location 表示当前页面的url信息

   http://127.0.0.1:8848/wa/index.html?zc=123&cmd=ls#top

   location.protocol  返回当前是http 还是https协议  http
   location.host       返回IP和端口信息 127.0.0.1:8848
   location.pathname    返回的是当前路径 /wa/index.html
   location.search      返回的是url里的参数?zc=123&cmd=ls
   location.hash        返回包含URL描点后面的部分的属性
   

5. document 处理HTML里面的东西

   document.title    设置网页标题
   documrnt.cookie   获取浏览器cookie信息
   

   cookie类似于自动登录的东西如果登陆成功后服务器就会发送一个cookie给浏览器 但是是加密字符串，在这之后浏览器重新访问这个网页时，就会在请求上附上这个cookie信息，服务器就会通过cookie来分别用户

   如果知道cookie信息就可以绕过登录直接进入后台