为页面插入图片

为页面插入图片是很简单的一件事，首先要把你需要的图片放到工程文件夹内，这是很自然的，不多说，直接上代码：

<img class='tex'  src='../API/outstyle091100004.jpg' id="tex">

src里面包含的是图片的路径，可以给图片设置很多属性，可以设置 width，heigth，以及hide 等等

 

下面是我插入的地图定位，这是题外话，不知对读者有什么启发

 

window.onload=function(){
    getLocation()
  
}
function getLocation() {
    var map, geolocation;
//加载地图，调用浏览器定位服务
    map = new AMap.Map('container', {
        resizeEnable: true
    });
    map.plugin('AMap.Geolocation', function () {
        geolocation = new AMap.Geolocation({
            enableHighAccuracy: true,//是否使用高精度定位，默认:true
            timeout: 10000,          //超过10秒后停止定位，默认：无穷大
            buttonOffset: new AMap.Pixel(10, 10),//定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
            zoomToAccuracy: true,      //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
            buttonPosition: 'RB'
        });
        map.addControl(geolocation);
        geolocation.getCurrentPosition();
        AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息
        AMap.event.addListener(geolocation, 'error', onError);      //返回定位出错信息
    });
}

 记得将这个引入html   “<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=ada0145080deff882d2a28e8af2047ad"></script>”

否则，没有效果……