IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

咨询电话 : 010-59478634

亚马逊运营

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

js如何获取Dom节点以及操作Dom节点？

2

4

操作DOM

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var square=document.getElementsByClassName("square");//获取9个正方节点
square[1].style.background = '#8DE3A4';
square[4].style.background = '#C6734A';
square[7].style.background = '#F6CAFB';

该问题已被官方收录

click点击时间

5

4

控制流程语句事件

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

for (i = 0 ; i < playerTotalNum.length ; i++) {
playerId = $('<div></div>')
    .text(playerTotalNum[i])
    .addClass('player_box')
;
knife = $('<div></div>')
    .addClass('knife')
;
playerNum = $('<div></div>')
    .text(i+1 + "号")
    .addClass('player_num')
;
playerId.append(knife)
;
playerId.append(playerNum)
;
main.append(playerId)
;
}

该问题已被官方收录

请求总是404

3

3

跨域 Ajax

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function login() {
    console.log(n.value);
    console.log(p.value);
    var xmlhttp = new XMLHttpRequest();

    xmlhttp.open("Post","/carrots-admin-ajax/a/login",true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.send("name=" + n.value + "&pwd=" + p.value);

    xmlhttp.onreadystatechange = function()
    {
        if (xmlhttp.readyState === 4) {
            if (xmlhttp.status === 200) {
                var jsons = JSON.parse(xmlhttp.responseText);
                console.log(jsons);
                if (jsons.code === 0) {
                    window.location.href = "https://www.jnshu.com/"
                } else {
                    alert("账号或密码错误")
                }
            }
        }
    };
}

该问题已被官方收录

搜索日期选择同一天，点击搜索两次的时候，结束日期会变多一天

1

3

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<script rel="script" src="js/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
<div class="inform-date form-group">
                    <div>
                        <label class="date-build control-label" for="dtp_input">修改时间</label>
                        <div id="date1" class="date-box input-group date form_date" data-date="" data-date-format="yyyy mm dd" data-link-field="dtp_input" data-link-format="yyyy-mm-dd">
                            <input ng-model="strDate" class="date-control form-control" size="16" type="text" value="" readonly>
                            <span class="input-group-addon"><span class="date-calendar glyphicon glyphicon-calendar"></span></span>
                        </div>
                        <input id="dtp_input" type="hidden" value=""/><br/>
                    </div>
                    <div>
                        <label class="date-build control-label" for="dtp_input2">—</label>
                        <div  id="date2" class="date-box input-group date form_date" data-date="" data-date-format="yyyy mm dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                            <input ng-model="endDate" ng-change="end()" class="date-control form-control" size="16" type="text" value="" readonly>
                            <span class="input-group-addon"><span class="date-calendar glyphicon glyphicon-calendar"></span></span>
                        </div>
                        <input id="dtp_input2" type="hidden" value=""/><br/>
                    </div>
                </div>

app.controller('artCtrl',function ($scope,$http,$state,$stateParams,state,type) {

    //日期选择
    $('.form_date').datetimepicker({
        language:  'zh-CN',
        weekStart: 1,
        todayBtn:  1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        minView: 2,
        forceParse: 0,
    });
    var myDate = new Date();
    var date = myDate.toLocaleDateString();
    $scope.end = function(){
        $('#date1').datetimepicker(
            'setEndDate',$scope.endDate
        );
    };
    if ($scope.endDate == undefined){
        $('#date1').datetimepicker(
            'setEndDate',date
        );
    }
    $('#date2').datetimepicker(
        'setEndDate',date
    );

    //下拉选项
    $scope.state = state;
    $scope.type = type;

    //请求数据
    $http({
        method:"GET",
        url:"/carrots-admin-ajax/a/article/search",
        params:{
            page: $stateParams.page, //使用$stateParams获取传递的参数
            size: $stateParams.size,
            total: $stateParams.total,
            startAt: $stateParams.startAt,
            endAt: $stateParams.endAt,
            status: $stateParams.status,
            type: $stateParams.type,
            id: $stateParams.id,
        }
    }).then (
        function (resp) {
            $scope.list = resp.data.data.articleList;//列表数据渲染
            $scope.size = resp.data.data.size;//每页显示条数
            $scope.totalItems = resp.data.data.total;//数据数量
            $scope.currentPage = $stateParams.page;//当前页

            //翻页
            $scope.page = function () {
                $state.go("home.article",{
                    page:$scope.currentPage
                })
            };

            //分页确定按钮事件
            $scope.pgbtn = function () {
                //只跳转页面
                if ($scope.pgnum == undefined && $scope.pggo !== undefined){
                    $state.go("home.article",{
                        page:$scope.pggo,
                    },{
                        reload: true
                    })
                }
                //只改变单页条数
                if ($scope.pgnum !== undefined && $scope.pggo == undefined){
                    $state.go("home.article",{
                        size:$scope.pgnum,
                    },{
                        reload: true
                    })
                }
                //改变单页条数，跳转页面
                if ($scope.pgnum !== undefined && $scope.pggo !== undefined){
                    $state.go("home.article",{
                        page:$scope.pggo,
                        size:$scope.pgnum,
                    },{
                        reload: true
                    })
                }
            };

            //转换时间戳

            //搜索
            $scope.searchBtn = function () {

                var strDate = new Date($scope.strDate);
                var endDate = new Date($scope.endDate);
                var time1 = strDate.getTime();
                var time2 = endDate.getTime();
                console.log($scope.strDate,$scope.endDate);
                console.log(strDate,endDate);

                //若日期没选，则取时间为空，因为时间值会变成NaN，发送的时间值的时候会报错
                if (time1 != time1 || time2 != time2){
                    time1 = '';
                    time2 = '';
                } else if (time1 == time2) {//选择同一天需给另一时间戳添加参数
                    time2 += 86399999;
                    //进行搜索跳转
                }
                $state.go("home.article",{
                    startAt:time1,
                    endAt:time2,
                    status:$scope.selectState,
                    type:$scope.selectType
                });

            };

            //清除
            $scope.clearBtn = function () {
                $state.go("home.article",{
                    startAt:'',
                    endAt:'',
                    status:'',
                    type:''
                })
            };

            //新增article按钮
            $scope.newBtn = function(){
                var Btn = 1;
                sessionStorage.setItem('Btn',Btn);
                $state.go("home.new",{})
            };
            //编辑
            $scope.setBtn = function(){
                var Btn = 2;
                var setId = $scope.list[this.$index].id;
                sessionStorage.setItem('setId',setId);
                sessionStorage.setItem('Btn',Btn);
                $state.go("home.new",{})
            };

            //存储选择
            //日期
            if ($stateParams.startAt == undefined) {
                $scope.strDate = '';
            } else {
                var str = new Date(Number($stateParams.startAt));
                var end = new Date(Number($stateParams.endAt));
                Ys = str.getFullYear()+'/';
                Ms = (str.getMonth()+1 < 10 ? '0'+ (str.getMonth()+1) : str.getMonth()+1) + '/';
                Ds = (str.getDate() < 10 ? '0'+ str.getDate() : str.getDate());
                Ye = end.getFullYear()+'/';
                Me = (end.getMonth()+1 < 10 ? '0'+(end.getMonth()+1) : end.getMonth()+1) + '/';
                De = (end.getDate() < 10 ? '0'+ end.getDate() : end.getDate());
                $scope.strDate = Ys+ Ms + Ds;
                $scope.endDate = Ye+ Me + De;
            }

            //状态类型
            $scope.selectState = $stateParams.status;
            $scope.selectType = $stateParams.type;

            //上下线按钮
            for (i=0;i<$scope.list.length;i++){
                if ($scope.list[i].status == 1) {
                    $scope.list[i].line = '上线'
                } else {
                    $scope.list[i].line = '下线'
                }
            }
            $scope.changeLine = function (){
                var lineId = $scope.list[this.$index].id;
                var lineStatus = $scope.list[this.$index].status;
                if (lineStatus==2) {
                    var onThis = confirm("确认下线此数据？");
                    var line = 1;
                } else {
                    var onThis = confirm("确认上线此数据？");
                    var line = 2;
                }
                if (onThis == true){
                    $http({
                        method:'put',
                        url:"/carrots-admin-ajax/a/u/article/status",
                        params:{
                            id:lineId,
                            status:line
                        }
                    }).then(function () {
                        $state.reload();
                    })
                }
            };

            //删除
            $scope.delete = function () {
                var clearThis = confirm("确认删除此数据？");
                if (clearThis == true){
                    var clearId = $scope.list[this.$index].id;
                    $http({
                        method:'delete',
                        url:"/carrots-admin-ajax/a/u/article/" + clearId,
                    }).then(function () {
                        $state.reload();
                    })
                }
            }

        }
    );



});

该问题已被官方收录

js实现九宫格的随机颜色跳转不回去了

1

3

操作DOM 表达式和运算符变量

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    function start() {
        for (var i = 0; i < div.length; i++) {//每次随机颜色时遍历将背景设置好
            document.getElementsByTagName('div')[i].style.background = "yellow";
        }
    var arr=new Array(3);
    var arr1=new Array(3);
    for(var i=0;i<arr.length;i++) {
        var a= parseInt(Math.random()*9);
        console.log(a);
        if (i==0) {
            arr[i] = a;
        } else {
            for (var j = 0; j < i; j++) {
                if (a == arr[j]) {
                    i--
                }
                else {
                    arr[i] = a;
                }
            }
        }
    }
for (var i=0;i<arr1.length;i++){
        var a=parseInt(Math.random()*9);
        if(i==0){
            arr1[i]=a;
        }
        else {
            for(var j=0;j<i;j++){
                if (a==arr1[j]){
                    i--
                }
                else {
                    arr1[i]=a;
                }
            }
        }
}
console.log(arr1);
for (var i=0;i<arr.length;i++){
        document.getElementsByTagName('div')[arr[i]].style.background=colors[arr1[i]];
}
    }

该问题已被官方收录

获取图片信息后，用FormData发送$http请求报错

2

3

$http FormData

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//选择图片，获取图片信息
    $scope.click = function (){
        var file = $('#file').get(0).files[0];
        console.log(file);
        $scope.file = file;
    };
    //发送请求
    $scope.uploadPic = function () {
        var data = new FormData();
        data.append('file', $scope.file);
        $http({
            method: 'post',
            url: '/carrots-admin-ajax/a/u/img/task',
            data: data,
            headers: {'Content-Type': 'application/x-www-form-urlencoded'}
        }).then(function (resp) {
            if (resp.data.code === 0) {
                console.log(resp);
                vm.params.img = resp.data.data.url;
            }
        })
    };

该问题已被官方收录

ajax请求的地址，为什么不能直接写在代码中？而要写在Nginx里？

1

3

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

var btn = document.getElementById('btn');
btn.onclick = function () {
    var user = document.getElementById('user').value; //用户名
    var pass = document.getElementById('pass').value; //密码
    var xmlhttp = new XMLHttpRequest; //XMLHttpRequest 对象
    xmlhttp.open('post', '/carrots-admin-ajax/a/login', true); //使用open方法（post类型，地址，异步请求）
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); //添加 HTTP 头
    xmlhttp.send("name=" + user + "&pwd=" + pass); //发送数据到服务器
    xmlhttp.onreadystatechange = function (data) { //监听事件
        if (xmlhttp.readyState == 4 //通信成功时，状态为4
            &&
            xmlhttp.status == 200) { //服务器已成mlhttp.readyState == 4 //通信成功时功处理了请求。通常，这表示服务器提供了请求的网页。
            var data = xmlhttp.responseText;
            console.log("data字符串:",data);
            data = JSON.parse(data);
            // if (data.message == "success"){
            if (data.code == 0) {
                location.assign("http://dev.admin.carrots.ptteng.com/#/login"); //跳转网页
                // console.log("data:",data);
            } else {
                document.getElementById("hide").innerHTML = data.message;
            }
        }
    }
}

该问题已被官方收录

滑动条滚动如何与input里输入的值实现联动

3

3

节点操作

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <input type="button" name="button" value="获取" onclick="get()"/>

该问题已被官方收录

风琴菜单状态怎么保存

2

3

angular基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="collapse navbar-collapse" uib-collapse="isNavCollapsed">
			<div class="menuWrap" ng-repeat="menu in menus">
				<div class="menuHeading" ng-click="menuCollapsed($index); menu.heading.status = !menu.heading.status">
					<span class="glyphicon glyphicon-pencil"></span>
					<span ng-bind="menu.heading.name"></span>
					<span class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': !menu.heading.status, 'glyphicon-chevron-right': menu.heading.status}"></span>
				</div>
				<div class="menuBody" uib-collapse="menu.heading.status">
					<div class="menuList" ui-sref="backstage.list" ng-repeat="submenu in menu.submenus" ng-bind="submenu"></div>
				</div>
			</div>
		</div>

该问题已被官方收录

地址栏中的的page改变了，为什么页面内容未更新。

2

3

url传参 angular基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$scope.maxSize = 3;
$scope.page = function () {
$state.go("backstage.list", {
page: $scope.currentPage
}, {
reload: true
});

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1