zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    开始学习Angular Mobile UI
    .Net程序员飞扬有用的85个工具
    数据库查询效率,百万数据测试
    SQL Join的一些总结
    MODRD 指令 读取地址是哪儿来的
    如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)?
    easyui datagrid 的分页刷新按钮
    HttpRequest Get Post,WebClient Get
    GetWindowThreadProcessId用法(转)
    EASYUI DATAGRID 多列复选框CheckBox
  • 原文地址:https://www.cnblogs.com/postgredingdangniu/p/9245755.html
Copyright © 2011-2022 走看看