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';

该问题已被官方收录

法官查看界面中的盒子是如何添加进去的？

0

4

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

html：
<!--<div class="content-box">-->
            <!--<div class="content-top">-->
                <!--<div class="career"></div>-->
                <!--<div class="number"></div>-->
            <!--</div>-->
        <!--<div class="content-bottom"></div>-->
    <!--</div>-->
js:
var inBox = '<div class=\"content-box\">\n'+//var个变量存储写进文档的标签代码，记住要转义字符
            '<div class=\"content-top\">\n'+
            '<div class=\"career\">\n'+ player[i] +
            '</div>\n'+
            '<div class=\"number\">\n'+ num +
            '</div>\n'+
            '</div>\n'+
            '<div class=\"content-bottom\">\n'+
            '</div>\n'+
            '</div>';
        $('.main-box').append(inBox);//通过append将盒子一个一个的往文档里面装

该问题已被官方收录

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;
            }
        }
    }
}

该问题已被官方收录

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

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();
                    })
                }
            }

        }
    );



});

该问题已被官方收录

代码运行出现节点报错

2

3

操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var box = document.getElementsByClassName("box");
var vacancy = [];//
~function sub() {
    for(i = 0;i < box.length; i++){
        vacancy.push(i);
    }
}()//给空数组排下标
console.log(vacancy);
function ranDomNum() {
    for(i = 0;i < d; i++){
    var vacancy = [];
    var d = 9;
    var c = Math.round(Math.random()*(a.length));
    var a = [0,1,2,3,4,5,6,7,8];
    vacancy.push(a[c]);
    a.splice(c,1);

    }
    return vacancy;
}
ranDomNum();

function randomColor() {
    r = Math.round(Math.random()*255);
    g = Math.round(Math.random()*255);
    b = Math.round(Math.random()*255);
    return "rgb("+ r +","+ g +","+ b +")";
    if("rgb("+ r +","+ g +","+ b +")"
        === "rgb(255,166,0)") {
        return randomColor();
    }
    else{
        return "rgb("+ r +","+ g +","+ b +")";
    }
}
randomColor();//获取随机颜色

function Color() {
    for(i = 0;i < box.length-1;i++){
        box[i].style.backgroundColor = "#ffa600";
    }
}
Color()//重置颜色

function Result() {
    ranDomNum();
    Color();
    console.log(ranDomNum());
    console.log(Color());
    box[vacancy[0]].style.backgroundColor = randomColor();
    box[vacancy[1]].style.backgroundColor = randomColor();
    box[vacancy[2]].style.backgroundColor = randomColor();
    console.log(vacancy[0]);
}

该问题已被官方收录

风琴菜单状态怎么保存

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

angular基础 url传参

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

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

该问题已被官方收录

关于angular下拉框使用ng-option的问题

2

3

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$scope.state ={
                1:"草稿",
                2:"上线"
            } ;

<select   ng-model="state_1"    ng-options="key as value for (key, value) in state">
                <option value="" selected hidden>全部</option>
</select>

$scope.type = [
                { value:0 ,text:"首页banner"},
                { value:1 ,text:"找职位banner"},
                { value:2 ,text:"找精英banner"},
                { value:3 ,text:"行业大图"}
            ] ;

然后我们再看一个数组里面一堆对象的例子
<select   ng-model="type_1"    ng-options="y.value as y.text for y in type"  >
                <option value="" selected hidden>全部</option>
            </select>

该问题已被官方收录

js代码被劫持

1

3

其他

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

请求总是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("账号或密码错误")
                }
            }
        }
    };
}

去第页

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