前端基础知识一

JavaScript  --->  encodeURI() 函数 decodeURI() 函数

http://www.w3school.com.cn/jsref/jsref_encodeuri.asp

http://www.w3school.com.cn/jsref/jsref_decodeURI.asp 

---

目录

“../”表示上一级目录开始

“./”表示当前同级目录开始

“/”表示根目录开始。

 

---

javascript:void(0)表示不做任何动作。

<a href="javascript:void(0);" οnclick="alert('ok');"></a>  

---

 

在js中如何创建一个对象

 

---

$(document).ready() 方法和 window.onload 区别？

 

---

在一个前端页面中，HTML、CSS、JavaScript分别是负责干嘛的

HTML是结构层,负责页面的骨干搭建

CSS是展示层,用来装饰前端页面

JavaScript是行为层,实现页面的特效

把前端页面比作一个人,HTML就是这个人,CSS就是人的衣服,JavaScript就是人的行为动作

 

JS事件就是页面与用户交互的编程语言

作用:嵌入动态文本于HTML页面,对浏览器事件作出反应,读写HTML元素,验证提交数据等.

---

Js对象和jquery对象的互转

Js对象转jQuery对象  $(js对象)

jQuery对象转js对象  jQuery对象[index] 或者 .get(index) index一般是0

js和jquery的区别是什么

首先js是前端页面中的一种实现动态效果的语言，而jQuery是在js基础之上做了进一步功能封装，jQuery底层的实现还是通过js，只是在使用上jquery更加方便，高效。

---

关闭当前页面并刷新上一个页面

self.location=document.referrer;

 

---

js返回上一页(javascript :history.back(-1))

 

1. 
2. 

3. 如果是用按钮做的话就是：

   

4. 用图片做的话就是：

   

 

---

让iframe的高度height也可以设置百分比数值

 

https://blog.csdn.net/smb1987cs/article/details/19334279

https://blog.csdn.net/saiya_kwok/article/details/3953709

要使 <iframe> 标签的 height=100% 生效，一定要保证其父容器的 height=100% 有效

只要将iframe放到表格的单元格里，就可以设置单元格的高度百分比和iframe的高度百分比去实现需求。还要加入 html,body{height:100%}

 

---

如何获取select下拉框选中的的value值和文本值

参考文章  https://blog.csdn.net/qq_36671474/article/details/60956202

方法一：javascript

 

方法二：jquery

---

js比较两个数值的大小时,不能直接比较,而是要转换，因为JS里面的是var 这种是弱的类型，默认是string，所有比较的时候会出现错误。

 

解决方法：

①:使用 eval() 函数

 

②:比较整数使用 parseInt()

 

③:比较小数使用 parseFloat()

 

---

HTML <abbr> 标签

 

http://www.w3school.com.cn/tags/tag_abbr.asp

用法

---

tabindex 属性

 

---

表单中Readonly和Disabled的区别

 

相同点

Readonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。

不同点

①:Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。

②:表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去

---

input表单禁止输入空格

οnkeyup="this.value=this.value.replace(/\s+/g,'')"

 

---

如何使用ajax提交表单(上传图片)

关于jquery的 $("form").serialize()和 new FormData表单序列化

$("form").serialize()只能序列化表单中的数据 ，比如文本框等input  select等的数据，但是对于文件，比如文件上传，无法实现，那么这时候，FormData就上场了

①:$("form").serialize() -->不能上传图片

 

②:new FormData(); -->可以上传图片

一,当上传图片的时候,可以直接把图片放在form表单中,然后获取这个form,作为参数传递到 FormData(form) 对象中,然后使用ajax提交,后台就可以接受到图片的信息了.

二,如果单独提交一个文件,可以通过获取到这个文件的file,然后把这个field通过append()方法,添加到FormData对象中,提交到后台即可.

var file = obj.files[0];(获取file,obj是通过this传递过来的)

通过jQuery获取file的方式

var file=$("#coverImg")[0].files[0];

注意点一：

对于jquery的要求是，好像是 版本1.8及其以上方可支持。另外该对象不仅仅可以序列化文件，一样可以用作表单数据的序列化，（就是说包含了serialize()的功能）；

注意点二：

processData: false, contentType: false,缺少这二者的设置，将会出现  红色部分的错误提示，提交失败。

---

<input> 标签的 accept 属性

 

使用了该属性后,在上传文件时只会显示规定类型的图片,其他类型的文件不显示

 

---

js获取整个表单对象的方式

 

①:第一种

 

②:第二种

 

③:第三种

 

以下也是

 

打印查看数据(xxx 代表 文本框 name的值, form 是获取到的表单对象)

 

---