2018-06-29博客

Js文件先嵌入公共的(JQuery.js/BootStrap.js),再嵌入自己的.js文件!

Js调用方法:

①   在Html文件标签中加入一个onClick事件,然后调用这个方法(onClick="startop()")!

②   如上图所示:在方法里面写一个$('#but1').click()事件,完事之后放到之前写好的页面加载完成的函数里面!

$('#inp1').val()

//获取/修改值都要加小括号,小括号内不加内容就是获取值,加内容就是修改值!

//类似于获取/修改属性,一个值是获取,两个值是修改!

06-27下午:Ajax

Ajax:

①   请求

②   响应

请求服务器,服务器把你想要的东西发送回来!

Js:可以页面不刷新

//创建Ajax对象

Var xhr = new XMLHttpRequest();

//监听Ajax状态(5种状态)

//发起请求

Xhr.open(‘get’,’index.html’);

Xhr.open(‘post’,’index.html’,同步异步true/false);

//传数据(搞清楚数据的走向,知道数据到哪儿了,现在是什么状态)

Xhr.send(null);

搜索get/post传值方式!!!

?键值对&键值对

参数:客户端发到服务器的

响应:服务器返回的响应信息!

服务器管理软件:tomcat!

JQuery:

$.ajax({

     Async:true,  //同步和异步(同步是一切等Ajax请求完才能干别的,异步Ajax请求着,用户还能干别的,默认是同步)

     url:“”,

     data:{name:“”,age:12},

     type:‘get/post’,  //删掉默认get

     datatype:‘text’, //删掉默认text

     success:function(data){

     //内容!

}

});

Jq:append

Prepend!

$(‘input[type=checkbox]:checked’)  //筛选所有checkbox标签所有选中的!!!

Easyui:前端框架!

Echarts:框架!

LayUI:需要引入JQuery文件!

想成为大神,需要自己写插件!!!

JQuery中:

Addclass():添加属性!

Attr():添加之后覆盖属性!

JQuery绑定事件:

$('div').bind('click',function(){

    

})

$('div').bind('click',function(){

    

})

//这个是绑定事件,点击这个div时,可以同时调用两个方法!

$('div').unbind('click');

//取消绑定!

正则表达式!

百度地图调用方法:

<!DOCTYPE html> 

<html>

<head> 

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<title>Hello, World</title> 

<style type="text/css"> 

html{height:100%} 

body{height:100%;margin:0px;padding:0px} 

#container{height:100%} 

</style> 

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2">

//v2.0版本的引用方式:src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"

</script>

</head> 

<body> 

<div id="container" style=" 50%; height: 500px;" ></div>

<script type="text/javascript">

     var map = new BMap.Map("container");

     // 创建地图实例 

     var point = new BMap.Point(116.404, 39.915);

     // 创建点坐标 

     map.centerAndZoom(point, 15);

     // 初始化地图,设置中心点坐标和地图级别 

//   map.enableScrollWheelZoom(true);

//   map.addControl(new BMap.NavigationControl());   

     map.addControl(new BMap.ScaleControl());   

     map.addControl(new BMap.OverviewMapControl());   

     map.addControl(new BMap.MapTypeControl());   

     map.setCurrentCity("北京");

     var marker = new BMap.Marker(new BMap.Point(116.404, 39.915)); // 创建点

     map.addOverlay(marker);

</script> 

</body> 

</html>

原文地址:https://www.cnblogs.com/postgredingdangniu/p/9245755.html