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",""]，當分隔符處於首尾時，會產生空字串