CINXE.COM

视频筛选----科学与中国

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <!-- 网站描述 --> <meta name="keywords" content="科学与中国"> <meta name="description" content="科学与中国"> <meta name="robots" content="index,follow"> <meta name="application-name" content=""> <title>视频筛选----科学与中国</title> <!-- css相关引入 --> <link href="//scicn.casad.cas.cn/images/kxyzg2024-logoicon.png" rel="shortcut icon" type="image/png" /> <link href="//api.cas.cn/lib/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <link rel="stylesheet" href="//scicn.casad.cas.cn/images/kxyzg2024-components-bootstrap.min.css"> <link rel="stylesheet" href="//scicn.casad.cas.cn/images/kxyzg2024-common-components.css"> <link rel="stylesheet" href="//scicn.casad.cas.cn/images/kxyzg2024-components-animate.min.css"> <link rel="stylesheet" href="//scicn.casad.cas.cn/images/kxyzg2024-swiper.min.css"> <link rel="stylesheet" href="//scicn.casad.cas.cn/images/kxyzg2024-web-style.css"> <link rel="stylesheet" href="//scicn.casad.cas.cn/images/kxyzg2024-web-media.css"> </head> <body class="body-video"> <div class="nav-wrap"> <nav class="navbar navbar-default bootsnav"> <div class="container-video"> <div class="navbar-header"> <div class="navbar-brand fix"> <div class="web-logo"> <a href="/"> <img src="//scicn.casad.cas.cn/images/kxyzg2024-logo.png" alt="" /> </a> </div> <div class="sp-logo"> <a href="//scicn.casad.cas.cn/../../spn/" class="h32">视频</a> </div> </div> <a class="toggle phone-menu-toggle"> <span></span> </a> </div> <div class="header-other fix"> <a href="javascript:;" class="search-a search-trigger" id="btn-search"></a> <div class="search-box pc-search"> <form name="searchform2" action="//scicn.casad.cas.cn/../../qwjs/index.html" method="get" target="_top"> <input type="hidden" name="keyword" id="keywords" value="" /> <input type="text" id="searchword2" name="searchword2" class="s-inp" placeholder="搜索" /> <input type="button" name="" value="" id="sub-pc2" class="s-btn" /> </form> </div> </div> <div class="collapse navbar-collapse" id="navbar-menu"> <ul class="nav navbar-nav"> <li><a href="//scicn.casad.cas.cn/../../spsx/">全部</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/?spzy_tj=1">推荐</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/?spzy_ztly=1">宇宙</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/?spzy_ztly=2">能源</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/?spzy_ztly=3">工程技术</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/?spzy_ztly=4">信息技术</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/?spzy_ztly=5">生物</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/?spzy_ztly=6">航天</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/?spzy_ztly=7">物理</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/?spzy_ztly=8">健康</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/?spzy_ztly=9">地球</a></li> </ul> </div> </div> </nav> <!-- <div class="menu-box-empty"></div> --> <nav id="main-nav"> <ul > <li><a href="/">首页</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/">全部</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/?spzy_tj=1">推荐</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/?spzy_ztly=1">宇宙</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/?spzy_ztly=2">能源</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/?spzy_ztly=3">工程技术</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/?spzy_ztly=4">信息技术</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/?spzy_ztly=5">生物</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/?spzy_ztly=6">航天</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/?spzy_ztly=7">物理</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/?spzy_ztly=8">健康</a></li> <li><a href="//scicn.casad.cas.cn/../../spsx/?spzy_ztly=9">地球</a></li> </ul> </nav> </div> <!--nav end--> <div class="page-main main-video"> <div class="container"> <div class="search-class-menu-wrap"> <div class="search-class-menu"> <div class="menu-search-box h16"> <input type="text" class="s-inp" id="spzyBgmc" placeholder="请输入您要检索的内容" /> <a href="javascript:;" class="s-btn" id="searchBtn">检 索</a> </div> <div class="menu-cont"> <!-- <div class="menu-box"> <div class="box-cont h16 fix"> <a href="javascript:;" class="a-s" data-spzy_all="1" >最新 </a> </div> </div> --> <div class="menu-box"> <div class="box-cont h16 fix" id="spzyZtly"> <a class="a-s">主题</a> <a href="javascript:;" data-spzy_ztly="">全部</a> <a href="javascript:;" data-spzy_ztly="1">宇宙</a> <a href="javascript:;" data-spzy_ztly="2">能源</a> <a href="javascript:;" data-spzy_ztly="3">工程技术</a> <a href="javascript:;" data-spzy_ztly="4">信息技术</a> <a href="javascript:;" data-spzy_ztly="5">生物</a> <a href="javascript:;" data-spzy_ztly="6">航天</a> <a href="javascript:;" data-spzy_ztly="7">物理</a> <a href="javascript:;" data-spzy_ztly="8">健康</a> <a href="javascript:;" data-spzy_ztly="9">地球</a> <a href="javascript:;" data-spzy_ztly="10">化学</a> <a href="javascript:;" data-spzy_ztly="11">数学</a> <a href="javascript:;" data-spzy_ztly="12">环境</a> <a href="javascript:;" data-spzy_ztly="13">材料</a> <a href="javascript:;" data-spzy_ztly="14">科技史</a> <a href="javascript:;" data-spzy_ztly="15">博物</a> <a href="javascript:;" data-spzy_ztly="16">其他</a> </div> </div> <div class="menu-box"> <div class="box-cont h16 fix"> <a class="a-s">形式</a> <a href="javascript:;" data-spzy_zylx="">全部</a> <a href="javascript:;" data-spzy_zylx="1">报告</a> <a href="javascript:;" data-spzy_zylx="2">演讲</a> <a href="javascript:;" data-spzy_zylx="3">短视频</a> <a href="javascript:;" data-spzy_zylx="4">动画</a> <a href="javascript:;" data-spzy_zylx="5">纪录片</a> <a href="javascript:;" data-spzy_zylx="6">电视节目</a> <a href="javascript:;" data-spzy_zylx="7">访谈</a> <a href="javascript:;" data-spzy_zylx="8">直播</a> <a href="javascript:;" data-spzy_zylx="9">其他</a> </div> </div> <div class="menu-box"> <div class="box-cont h16 fix"> <a class="a-s">品牌</a> <a href="javascript:;" data-spzy_hdlx="">全部</a> <a href="javascript:;" data-spzy_hdlx="1">双千</a> <a href="javascript:;" data-spzy_hdlx="2">巡讲</a> <a href="javascript:;" data-spzy_hdlx="3">格致论道</a> <a href="javascript:;" data-spzy_hdlx="4">科学公开课</a> <a href="javascript:;" data-spzy_hdlx="5">遇见先生</a> <a href="javascript:;" data-spzy_hdlx="6">其他</a> </div> </div> <div class="menu-box"> <div class="box-cont h16 fix"> <a class="a-s">时间</a> <a href="javascript:;" data-spzy_nf="">全部</a> <a href="javascript:;" data-spzy_nf="2024">2024</a> <a href="javascript:;" data-spzy_nf="2023">2023</a> <a href="javascript:;" data-spzy_nf="2022">2022及之前</a> </div> </div> </div> </div> </div> <!-- search-class-menu end --> <div class="public-title title-w fix"> <div class="title-left h24">相关视频( <span id="listNum"></span> )个</div> </div> <div class="video-list-02"> <ul class="row row-w" id="content"> </ul> <div class="comp-pages"> <div class="page-pc"></div> <div class="hidden-lg hidden-md hidden-sm search-page" style="display:none;"> <button class="page-phone" id="mobSearch" style="width:100%" onclick="mseemore(this)" data-curpage="1">查看更多</button> </div> </div> <!--pages end--> </div> </div> </div> <footer class="footer"> <div class="container"> <div class="main-content"> <div class="cont-info"> <div> 主办单位: <a href="https://www.cas.cn/" target="_blank">中国科学院</a><span class="line">|</span> <a href="http://www.wenming.cn/" target="_blank">中共中央宣传部</a><span class="line">|</span> <a href="http://www.moe.gov.cn/" target="_blank">教育部</a><span class="line">|</span> <a href="http://www.most.gov.cn/index.html" target="_blank">科学技术部</a><span class="line">|</span> <a href="https://www.cae.cn/" target="_blank">中国工程院</a><span class="line">|</span> <a href="https://www.cast.org.cn/" target="_blank">中国科学技术协会</a> </div> <div>承办单位:<span>中国科学院学部工作局</span><span class="line">|</span><span>“科学与中国”组委会办公室</span></div> <div>支持单位:<span>中国科学院计算机网络信息中心</span><span class="line">|</span><span>中国科学院科技战略咨询研究院</span></div> <div>使用本网站任何文字、图片及视频等资料,必须经过中国科学院学部工作局的许可。&copy; <span class="curryear"></span> 中国科学院 版权所有 <a href="https://beian.miit.gov.cn" target="_blank">京ICP备05002857号-1</a> <a href="//www.beian.gov.cn/portal/registerSystemInfo?recordcode=110402500047" target="_blank">京公网安备110402500047号</a></div> </div> <div class="cont-erwm fix"> <div> <div class="box-img"><img src="//scicn.casad.cas.cn/images/kxyzg2024-erwm01.png" alt="" /></div> <div class="box-title h16">小程序</div> </div> </div> </div> </div> </footer> <div class="up-search-box middle-box"> <a href="javascript:;" class="up-close"></a> <div class="middle-cont"> <div class="search-box search-mobile"> <form name="searchform" action="//scicn.casad.cas.cn/../../qwjs/index.html" method="get" target="_top"> <input type="hidden" name="keyword" id="keywords" value="" /> <input type="text" class="s-inp" id="searchword" name="searchword" autocomplete="off" placeholder="请输入搜索内容" /> <a href="javascript:;" class="s-btn" id="sub-pc"></a> </form> </div> </div> </div> <!-- search-mobile-end --> <!-- footer end --> <script type="text/javascript" src="//scicn.casad.cas.cn/images/kxyzg2024-components-jquery.min.js"></script> <script type="text/javascript" src="//scicn.casad.cas.cn/images/kxyzg2024-components-bootstrap.min.js"></script> <script type="text/javascript" src="//scicn.casad.cas.cn/images/kxyzg2024-components-js.js"></script> <script type="text/javascript" src="//scicn.casad.cas.cn/images/kxyzg2024-mobile-nav.js"></script> <script> // nav (function($) { var $nav = $('#main-nav'); var $toggle = $('.toggle'); var defaultData = { maxWidth: false, customToggle: $toggle, navTitle: '<img src="//scicn.casad.cas.cn/images/kxyzg2024-logo.png" />', labelClose: "关闭", levelTitles: true, levelOpen:'expand', levelSpacing:25 }; var $clone = null; var data = {}; const initNav = function(conf) { if ($clone) { $clone.remove(); } $toggle.off('click'); $clone = $nav.clone(); $.extend(data, conf) $clone.hcMobileNav($.extend({}, defaultData, data)); } initNav({}); })(jQuery); var currentYear = (new Date()).getFullYear(); $('.curryear').text(currentYear); $('.search-trigger').on('click', function(e){ $('.up-search-box').addClass('active') }); $('.search-box').on('click', function(e){ e.stopPropagation(); }); $('.up-close').on('click', function(e){ $('.up-search-box').removeClass('active') }); </script> <script> $(function(){ var len = ""; var curChannel = $(".bread-item").find("a:eq(1)").text(); var curChannelSub = $(".bread-item").find("a:eq(2)").text(); var curChannelThree = $(".bread-item").find("a:eq(3)").text(); var curChannelLast = $(".bread-item").find("a").last().text(); $(".navbar-nav li").each(function(){ if($(this).children("a").text()==curChannel){ $(this).addClass("active").siblings().removeClass('active'); } }); $('#main-nav ul').each(function(){ len = $(this).children("li").length; if(len<1){ $(this).remove(); } }) }); </script> <script type="text/javascript"> function isValid(str){ if(str.indexOf('&') != -1 || str.indexOf('<') != -1 || str.indexOf('>') != -1 || str.indexOf('\'') != -1 || str.indexOf('\\') != -1 || str.indexOf('/') != -1 || str.indexOf('"') != -1 || str.indexOf('%') != -1 || str.indexOf('#') != -1){ return false; } return true; } $(function(){ $('#sub-pc').click(function(){ var searchword = $.trim($('#searchword').val()); if(searchword == "" || searchword == "输入搜索关键词" || !isValid(searchword)){ alert("请输入关键词后再进行提交。"); return false; } $('input[name="keyword"]').val(encodeURI(searchword)); $('form[name="searchform"]').submit(); }); $('#sub-pc2').click(function(){ var searchword2 = $.trim($('#searchword2').val()); if(searchword2 == "" || searchword2 == "输入搜索关键词" || !isValid(searchword2)){ alert("请输入关键词后再进行提交。"); return false; } $('input[name="keyword"]').val(encodeURI(searchword2)); $('form[name="searchform2"]').submit(); }); }); // $(document).ready(function () { // $("body").keydown(function (e) { // e = e ? e : event; // if (e.keyCode == "13") {//keyCode=13是回车键 // $('#sub-pc').click(); // return false; // } // }); // }); $(document).keydown(function (e) { if (e.keyCode == 13) { // keyCode=13是回车键 e.preventDefault(); // 阻止默认的回车键行为 var $focused =$('input:focus'); // 获取当前聚焦的输入框 if ($focused.length > 0) { if ($focused.attr('id') === 'searchword') { $('#sub-pc').click(); } else if ($focused.attr('id') === 'searchword2') { $('#sub-pc2').click(); } } } }); </script> <!-- js end--> <script type="text/javascript" src="//scicn.casad.cas.cn/images/jquery.page.js"></script> <script> // 分类 var arrZtlx = ['宇宙','能源','工程技术','信息技术','生物','航天','物理','健康','地球','化学','数学','环境','材料','科技史','博物','其他']; var arrZylx = ['报告','演讲','短视频','动画','纪录片','电视节目','访谈','直播','其他']; var arrHdlx = ['双千','巡讲','格致论道','科学公开课','遇见先生','其他']; var arrNf = ['2024','2023','2022']; var arrTag = ['经济发展','社会建设','科学规划','价值导向','咨询决策','学科发展','学术评议','科学精神','科学家精神','科学伦理','前沿科技','基础研究','科学普及'] // 参数 var pageCount = 0; var data = {}; data.page = 1; data.pagesize = 12; data.channelid = 144026; data.spzy_bgmc = ''; data.spzy_ztly = ''; data.spzy_zylx = ''; data.spzy_hdlx = ''; data.spzy_nf = ''; data.spzy_tj = ''; data.spzy_tag = ''; function isValid(str){ if(str.indexOf('&') != -1 || str.indexOf('<') != -1 || str.indexOf('>') != -1 || str.indexOf('\'') != -1 || str.indexOf('\\') != -1 || str.indexOf('/') != -1 || str.indexOf('"') != -1 || str.indexOf('%') != -1 || str.indexOf('#') != -1){ return false; } return true; } function getQueryString(variable){ var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].split("="); if(pair[0] == variable){return pair[1];} } return(false); } function mseemore(t){ $(t).attr("data-curpage",Number($(t).attr("data-curpage"))+1); var pages = $(t).attr("data-curpage"); //console.log('当前页码:' + pages); if (pages > pageCount) { $(t).text('没有更多了') } else { data.page = pages; sendAjaxRequest(data); } } var ismobile = $(window).width()<768; // 检索按钮 // $('#searchBtn').click(function(){ // var spzyBgmc = $.trim($("#spzyBgmc").val()); // if(spzyBgmc == "" || spzyBgmc == "请输入您要检索的内容" || !isValid(spzyBgmc)){ // alert("请输入关键词后再进行提交。"); // return false; // } // data.spzy_bgmc = spzyBgmc; // // 发送AJAX请求 // sendAjaxRequest(data); // $("#spzyBgmc").val(''); // }) $('#searchBtn').click(function() { var spzyBgmc = $.trim($("#spzyBgmc").val()); if (spzyBgmc === "" || spzyBgmc === "请输入您要检索的内容" || !isValid(spzyBgmc)) { alert("请输入关键词后再进行提交。"); return false; } // 检查输入内容是否与arrTag数组中的某个元素相等 var index = arrTag.indexOf(spzyBgmc); if (index !== -1) { data.spzy_tag = index + 1; // 数组索引加1 } else { data.spzy_bgmc = spzyBgmc; //data.spzy_tag = ''; // 如果没有找到匹配的元素,则设置为空字符串 } // 发送AJAX请求 sendAjaxRequest(data); // 清空输入框内容 //$("#spzyBgmc").val(''); }); // 添加键盘事件监听器 $(document).keydown(function(e){ if(e.keyCode == 13){ // 检查是否按下了回车键 e.preventDefault(); // 阻止默认的回车键行为 if(document.activeElement.id === 'spzyBgmc'){ // 检查焦点是否在spzyBgmc输入框上 $('#searchBtn').click(); // 如果是,则触发检索按钮的点击事件 } } }); // 绑定点击事件到.menu-box a标签 $('.menu-box a').click(function() { $(this).siblings('a').removeClass('a-s'); $(this).addClass('a-s'); data.spzy_tj = ''; data.spzy_bgmc = ''; data.spzy_tag = ''; data.page = 1; // 检查是否有data-spzy_all属性 if ($(this).data('spzy_all') === 1) { $('.menu-box a').removeClass('a-s'); // 清空所有data属性 data.spzy_bgmc = ''; data.spzy_ztly = ''; data.spzy_zylx = ''; data.spzy_hdlx = ''; data.spzy_nf = ''; data.spzy_tj = ''; data.spzy_tag = ''; } else { // 更新data对象对应的属性 var dataType = $(this).data('spzy_ztly') !== undefined ? 'spzy_ztly' : $(this).data('spzy_zylx') !== undefined ? 'spzy_zylx' : $(this).data('spzy_hdlx') !== undefined ? 'spzy_hdlx' : $(this).data('spzy_nf') !== undefined ? 'spzy_nf' : ''; data[dataType] = $(this).data(dataType); } // console.log(data); // 发送AJAX请求 sendAjaxRequest(data); }); function sendAjaxRequest(data) { $.ajax({ url: '//searchzh.cas.cn/search/spzy/result.json?platid=1&siteid=1256', type: "get", dataType: "jsonp", jsonp: "cascallback", data: data, async: false, jsonpCallback: "cas_call", success: function(response) { // console.log(response) // 清空名称,标签值 data.spzy_bgmc = ''; data.spzy_tag = ''; if(response.status=="200"){ // 数量 $('#listNum').text(response.allcount); $('.page-pc').show(); if(!ismobile && response.data.length > 0){ $(".page-pc").createPage({ pageCount: response.pagecount, //current: 1, current: data.page, backFn: function(curpage){ Pager(curpage,ismobile); } }); }else{ $(".mobile-page").hide(); if(response.pagecount==1){ $(".search-page").hide(); }else{ $(".search-page").show(); pageCount = response.pagecount; } } } if(response.status == "500"){ $("#listNum").html("0"); setTimeout(function() { $('.page-pc').hide(); $("#content").empty().html("<li style='text-align:center; display:block'><h3>暂无内容</h3></li>"); }, 20); } var videos = response.data; var html = ''; var arrDocId = []; // 存放文章id // 遍历视频数组,构建HTML字符串 if (videos.length > 0 && response.status != "500") { for (var i = 0; i < videos.length; i++) { var video = videos[i]; arrDocId.push(video.docid); html += '<li class="col-md-4 col-sm-6 col-w">'; html += ' <div class="box-s">'; html += ' <div class="box-img">'; html += ' <a href="' + video.docpuburl + '"><img src="' + video.spzy_pic + '" alt="" /></a>'; html += ' <div class="video-tag fix">'; html += ' <div class="tag-num"></div>'; html += ' <div class="tag-time">' + video.spzy_spsc + '</div>'; html += ' </div>'; html += ' </div>'; html += ' <div class="box-info">'; html += ' <a href="' + video.docpuburl + '" class="box-title h18" target="_blank">' + video.spzy_bgmc + '</a>'; html += ' <ul class="box-tag fix">'; html += ' <li>' + arrZtlx[video.spzy_ztly - 1] + '</li>'; html += ' <li>' + arrHdlx[video.spzy_hdlx - 1] + '</li>'; html += ' </ul>'; html += ' </div>'; html += ' </div>'; html += '</li>'; } // 将构建的HTML字符串添加到页面中 $('#content').html(html); } $('.box-tag li').each(function(){ var liTxt = $(this).text(); if(liTxt == '' || liTxt == 'undefined') { $(this).hide(); } }) if (arrDocId.length > 0 && response.status != "500") { // 添加点击量 var videoIdStr = arrDocId.join(','); $.ajax({ type : "get", url : "https://api2.cas.cn/app/click/AllCount.json", jsonp : "cascallback", jsonpCallback: "cas_call", dataType : "jsonp", timeout : 3000, data : "pid=1&sid=1256&dids=" + videoIdStr, success : function(res) { if(res.status == "200"){ $('#content .tag-num').each(function(index) { $(this).text(res.data[index]); }); } } }); } }, error: function(xhr, status, error) { //console.error("AJAX Error: ", status, error); } }); } // 导航 if(getQueryString('spzy_tj')){ data.spzy_tj = getQueryString('spzy_tj'); data.spzy_bgmc = ''; data.spzy_ztly = ''; data.spzy_zylx = ''; data.spzy_hdlx = ''; data.spzy_nf = ''; } if(getQueryString('spzy_ztly')){ data.spzy_ztly = getQueryString('spzy_ztly'); data.spzy_bgmc = ''; data.spzy_zylx = ''; data.spzy_hdlx = ''; data.spzy_nf = ''; data.spzy_tj = ''; $('#spzyZtly a').each(function(){ var aData = $(this).data('spzy_ztly'); if (aData == getQueryString('spzy_ztly')) { $(this).addClass('a-s').siblings('a').removeClass('a-s') } }) } // 初始化时发送一次请求 sendAjaxRequest(data); function Pager(curpage,ismobile) { data.page=curpage; $.ajax({ url: '//searchzh.cas.cn/search/spzy/result.json?platid=1&siteid=1256', type: "get", dataType: "jsonp", jsonp: "cascallback", data: data, async: false, jsonpCallback: "cas_call", success: function(res) { if(res.status=="200"){ sendAjaxRequest(data); } if(res.status == "500"){ $("#listNum").html("0"); setTimeout(function() { $("#content").empty().html("<li style='text-align:center; display:block'><h3>暂无内容</h3></li>"); }, 20); } } }); } </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10