<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 1.可以跳转百度 a标签相当于是锚点 可以添加target 属性新开一个页面-->
<a href="http://www.baidu.com" target="_blank">跳转百度</a>
<!-- 2.可以打电话/发邮件 -->
<a href="tel:151724924**">联系商家</a>
<a href="mailto:1577689**8@qq.com">发邮件</a>
<!-- 3.协议限定符 /可以写js代码-->
<!-- <a href="javascript:while(1){alert('你能关掉吗')}">点我呀</a> -->
<!-- 4.可以作为锚点，点击回到顶端或者指定的位置 -->
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="demo1">
<span>
import * as GridZoneApi from '@/api/grid/gridZone.js'
import AMapLoader from '@/utils/amap-jsapi-loader'
import AreaTreeSelector from "@/components/AreaTreeSelector";
import * as GridZoneApi from '@/api/grid/gridZone.js'
import AMapLoader from '@/utils/amap-jsapi-loader'
import AreaTreeSelector from "@/components/AreaTreeSelector";
</span>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="demo2" style="color: blue;">
import * as GridZoneApi from '@/api/grid/gridZone.js'
import AMapLoader from '@/utils/amap-jsapi-loader'
import AreaTreeSelector from "@/components/AreaTreeSelector";
import * as GridZoneApi from '@/api/grid/gridZone.js'
import AMapLoader from '@/utils/amap-jsapi-loader'
import AreaTreeSelector from "@/components/AreaTreeSelector";
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a href="#demo1" style="width:100px;height: 20px; border-radius: 5px; border: 1px solid green;position: fixed; top: 50px; right: 50px;">找到demo1</a>
<a href="#demo2" style="width:100px;height: 20px; border-radius: 5px; border: 1px solid yellow; position: fixed; top: 30px; right: 50px;">找到demo2</a>
</body>
</html>
