SVG的引用

svg是基于xml的技术，生成的是矢量图

一 独立svg文件

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg">
	<circle cx="100" cy="100" r="40" fill="red"></circle>
</svg>

二 引入外部svg文件

• img标签
• 元素background属性
• iframe标签

<img src="peo.svg">
<div style="background: url(peo.svg);width:200px;height:200px;"></div>
<iframe src="peo.svg"></iframe>

三 内置svg

<div>
	<svg xmlns="http://www.w3.org/2000/svg">
		<circle cx="100" cy="100" r="40" fill="red"></circle>
	</svg>
</div>

var str="www.baidu.com";
console.log(str.split(".")); //["www","baidu","com"]，分割符为"."

var str2="lemon"
console.log(str2.split()); //["lemon"]，没有分割符，将整个字符串视为一个整体
console.log(str2.split("")); //["l","e","m","o","n"]，分隔符为""，分割每一个字符
console.log(str2.split("",3)); //["l","e","m"]，分割每一个字符，取数组结果的前3个

var str3="/lemon/"
console.log(str3.split("/")); //["","lemon",""]，当分隔符处于首尾时，会产生空字符串