究竟是什么标识了网站访问者？

Question

Артём PeGaS

Asked:2020-09-25 03:33:27 +0000 UTC2020-09-25 03:33:27 +0000 UTC 2020-09-25 03:33:27 +0000 UTC

如何抽象脚本？[关闭]

772

如何将此脚本放入单独的函数中？并且能够多次调用它

function loadScript() {
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.src = "http://maps.googleapis.com/maps/api/js?sensor=true&callback=initializeMap";
  document.body.appendChild(script);
}
if (window.addEventListener) window.addEventListener("load", loadScript, false);
else if (window.attachEvent) window.attachEvent("onload", loadScript);

function initializeMap() {
  var myLatlng = new google.maps.LatLng(56.7342973, 37.1636543);
  var uluru = {
    lat: 56.7332973,
    lng: 37.1759543
  };
  var myOptions = {
    zoom: 15,
    scrollwheel: false,
    center: uluru,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    mapTypeControlOptions: {
      position: google.maps.ControlPosition.BOTTOM_LEFT
    }
  };
  var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

  var markerImage = new google.maps.MarkerImage(
    'images/pointMaps.png',
    new google.maps.Size(42, 61)
  );
  var markerImageHover = new google.maps.MarkerImage(
    'images/pointMaps.png',
    new google.maps.Size(42, 61)
  );

  var marker = new google.maps.Marker({
    icon: markerImage,
    position: myLatlng,
    map: map,
    title: "Hello World!"
  });

  var content = document.createElement('div');
  content.innerHTML = "<strong>Hello world</strong> + JS ^_^";
  var infowindow = new google.maps.InfoWindow({
    content: content
  });

  google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map, marker);
  });

  google.maps.event.addListener(marker, 'mouseover', function() {
    marker.setIcon(markerImageHover);
  });

  google.maps.event.addListener(marker, 'mouseout', function() {
    marker.setIcon(markerImage);
  });
}

2 个回答

Voted

coffee hoock · Answer 1 · 2020-10-08T01:10:33Z



    <script type="text/javascript">
//для того что бы абстрагировать код нужно обернуть его в другую функцыю
// и вызывать при необходимости на любом событии
    newFunction = function(){
    			function loadScript() {
    				var script = document.createElement("script");
    				script.type = "text/javascript";
    				script.src = "http://maps.googleapis.com/maps/api/js?sensor=true&callback=initializeMap";
    				document.body.appendChild(script);
    			}
    			if (window.addEventListener) window.addEventListener("load", loadScript, false);
    			else if (window.attachEvent) window.attachEvent("onload", loadScript);
    			function initializeMap(){
    				var myLatlng = new google.maps.LatLng(56.7342973, 37.1636543);
    				var uluru = {lat: 56.7332973, lng: 37.1759543};
    				var myOptions = {
    					zoom: 15,
    					scrollwheel: false,
    					center: uluru,
    					mapTypeId: google.maps.MapTypeId.ROADMAP,
    					mapTypeControlOptions: {
    						position: google.maps.ControlPosition.BOTTOM_LEFT
    					}
    				};
    				var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    				var markerImage = new google.maps.MarkerImage(
    					'images/pointMaps.png',
    					new google.maps.Size(42,61)
    					);
    				var markerImageHover = new google.maps.MarkerImage(
    					'images/pointMaps.png',
    					new google.maps.Size(42,61)
    					);

    				var marker = new google.maps.Marker({
    					icon: markerImage,
    					position: myLatlng, 
    					map: map,
    					title:"Hello World!"
    				});

    				var content = document.createElement('div');
    				content.innerHTML = "<strong>Hello world</strong> + JS ^_^";
    				var infowindow = new google.maps.InfoWindow({
    					content: content
    				});

    				google.maps.event.addListener(marker, 'click', function() {
    					infowindow.open(map, marker);
    				});

    				google.maps.event.addListener(marker, 'mouseover', function() {
    					marker.setIcon(markerImageHover);
    				});

    				google.maps.event.addListener(marker, 'mouseout', function() {
    					marker.setIcon(markerImage);
    				});
    			}
}
    	</script>

coffee hoock · Answer 2 · 2020-10-08T20:17:08Z

也许我不完全理解这个问题，但试试这个，只需创建一个新的обет map2 = new google.maps.Map(document.getElementById("map_canvas_2"),myOptions);

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Project</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
	<style>
	#page{
		width:100%;
		background:#dec0de;
	}

	#map_canvas, #map_canvas_2{
		width:100%;
		height:500px;
		margin:0 auto;
	}
</style>
<div id="page">
	<div class="gMap-holder" id="map_canvas"></div>
</div>

<div id="page_2">
	<div class="gMap-holder" id="map_canvas_2"></div>
</div>

</body>

<script type="text/javascript">
    function loadScript() {
      var script = document.createElement("script");
      script.type = "text/javascript";
      script.src = "http://maps.googleapis.com/maps/api/js?sensor=true&callback=initializeMap";
      document.body.appendChild(script);
    }
    if (window.addEventListener) window.addEventListener("load", loadScript, false);
    else if (window.attachEvent) window.attachEvent("onload", loadScript);
    function initializeMap(){
      var myLatlng = new google.maps.LatLng(56.7342973, 37.1636543);
      var uluru = {lat: 56.7332973, lng: 37.1759543};
      var myOptions = {
        zoom: 15,
        scrollwheel: false,
        center: uluru,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        mapTypeControlOptions: {
          position: google.maps.ControlPosition.BOTTOM_LEFT
        }
      };
      var myOptions2 = {
        zoom: 15,
        scrollwheel: false,
        center: uluru,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        mapTypeControlOptions: {
          position: google.maps.ControlPosition.BOTTOM_LEFT
        }
      };
      var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
      var map2 = new google.maps.Map(document.getElementById("map_canvas_2"), myOptions2);

      var markerImage = new google.maps.MarkerImage(
        'images/pointMaps.png',
        new google.maps.Size(42,61)
        );
      var markerImageHover = new google.maps.MarkerImage(
        'images/pointMaps.png',
        new google.maps.Size(42,61)
        );

      var marker = new google.maps.Marker({
        icon: markerImage,
        position: myLatlng,
        map: map,
        title:"Hello World!"
      });

      var content = document.createElement('div');
      content.innerHTML = "<strong>Hello world</strong> + JS ^_^";
      var infowindow = new google.maps.InfoWindow({
        content: content
      });

      google.maps.event.addListener(marker, 'click', function() {
        infowindow.open(map, marker);
      });

      google.maps.event.addListener(marker, 'mouseover', function() {
        marker.setIcon(markerImageHover);
      });

      google.maps.event.addListener(marker, 'mouseout', function() {
        marker.setIcon(markerImage);
      });
    }
</script>

</html>

如何抽象脚本？[关闭]

Python 3.6 - 安装 MySQL (Windows)

C++ 编写程序“计算单个岛屿”。填充一个二维数组 12x12 0 和 1

返回指针的函数

我使用 django 管理面板添加图像，但它没有显示

这些条目是什么意思，它们的完整等效项是什么样的

浏览器仍然缓存文件数据

在 Excel VBA 中激活工作表的问题

为什么内置类型中包含复数而小数不包含？

获得唯一途径

告诉我一个像幻灯片一样创建滚动的库

如何抽象脚本？[关闭]

2 个回答

相关问题