09 web开发高级应用

Posted 2020-08-17 码蚁的堡垒

- 1 <base> 标签用法

```
base: 为页面上的所有链接规定默认地址或默认目标
target: 跳转到的目标页

<base target=_blank> <!-- 在空白页打开 -->
<base target=_parent> <!-- 在当前页的上一页(父类)打开 -->
<base target=_search> <!-- 在浏览器地址栏打开 -->
<base target=_self> <!-- 在当前页打开 -->
<base target=_top> <!-- 在最初(首页)页打开 -->
```

- 2 JS引号传值问题

> 1 使用单引号传参:

```
<a href="javascript:Display(‘[email protected]‘,‘Aleax Xie‘,‘10101239393‘)">Test1</a>
```

> 2 如果其中一个参数有一个值含有单引号，那么这个方法会出错.

```
<a href="javascript:Display(‘[email protected]‘bc.com‘,‘Aleax Xie‘,‘10101239393‘)">Test1</a>
```
> 改进: 有单引号的加上\‘, OK。

```
<a href="javascript:Display(‘[email protected]\‘bc.com‘,‘Aleax Xie‘,‘10101239393‘)">Test</a>
```

> 3上面解决了单引号的问题，但如果值中有双引号又出现了问题

```
<a href="javascript:Display(‘[email protected]\‘bc".com‘,‘Aleax Xie‘,‘10101239393‘)">Test</a>
```
> 改进: 使用Onclick,给双引号加上\",单引号不用处理.并且不加“或‘给JS方法

```
<a href="javascript:void(0)"
onclick=Display("[email protected]\"ab‘c.com","Aleax&nbsp;Xie","10101239393")>Test3</a>
```

> 这样解决了Js参数中有单引号与双引号的问题，但这有限制:
> 参数与参数之前不能有空格,参数值中不能空格,如果有空格,则用"&nbsp;"来代替.

-3 Jquery 模糊遍历
> 1 name前缀为aa的所有div的jquery对象

```
$("div[name^=‘aa‘]");
```

> 2 name后缀为aa的所有div的jquery对象

```
$("div[name$=‘aa‘]");
```

> 3 name中包含aa的所有div的jquery对象

```
$("div[name*=‘aa‘]");
```

> 类似的还可以是id，所有html标签，均可以使用以下遍历

```
.each(function(i){
});
```
- 4 Jquery 显示与隐藏
> hide() 和 show()

- 5 Jquery 填写标签内内容
> $(‘label‘).html(); <label></label>