2018-06-29博客
Posted postgredingdangniu
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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="width: 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>
以上是关于2018-06-29博客的主要内容,如果未能解决你的问题,请参考以下文章