精华内容
下载资源
问答
  • 如果单独的js文件使用会出现 Access to XMLHttpRequest at 跨域访问错误。解决方案如下:终端上跳转到你的项目文件夹,然后粘贴这两个命令:步骤 1:执行npm init -y步骤 2:执行npm install babel-cli@6 ...

    1. 如果在html中使用,用

    即可

    2.如果在单独的js文件中使用

    会出现  Access to XMLHttpRequest at  跨域访问错误。

    解决方案如下:

    在终端上跳转到你的项目文件夹,然后粘贴这两个命令:

    步骤 1: 执行 npm init -y

    步骤 2: 执行 npm install babel-cli@6 babel-preset-react-app@3

    我们在这里使用 npm 只是用来安装 JSX 预处理器。

    步骤 3: 创建一个名为 src 的文件夹,并执行:

    npx babel --watch src --out-dir . --presets react-app/prod

    这个命令启动了一个对 JSX 的自动监听器。

    使用,不改。

    把写有JSX内容的js文件放在src文件下,监听器自动在根目录下生成一个myjs.js文件。

    参考:

    https://zh-hans.reactjs.org/docs/add-react-to-a-website.html#add-jsx-to-a-project

    展开全文
  • 在html或者jsp弹出文件另存为的对话框,可以调用document.execCommand方法调用JS方法document.execCommand即可前台页面调出另存为对话框,并将将服务器上存放的文件保存到本地。HTML页面另存为对话框DEMO.rar...

    在html或者jsp中弹出文件另存为的对话框,可以调用document.execCommand方法

    调用JS方法document.execCommand即可在前台页面调出另存为对话框,并将将服务器上存放的文件保存到本地。HTML页面另存为对话框DEMO.rar

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    22

    代码:

    function getimg() //另存为存放在服务器上图片到本地的方法

    {

    event.returnValue=false;

    show.window.location.href=imgSrc.src;

    timer=setInterval(checkload,100)

    }

    function checkload()

    {

    if(show.readyState!="complete")

    {

    //调用document.execCommand方法,'Saveas'表示打开文件另存为对话框命令

    show.document.execCommand('SaveAs');

    clearInterval(timer)

    }

    }

    取消

    评论

    展开全文
  • 当php做分页时,有时候会要想做个指定跳转到某页的功能,而要跳转到某页就要涉及到js。因为必须通过js来找到用户输入的是什么,是哪一页。...因为page()的js方法不管你怎么写Windows.location.href=

    当php在做分页时,有时候会要想做个指定跳转到某页的功能,而要跳转到某页就要涉及到js。因为必须通过js来找到用户输入的是什么,是哪一页。

    所以,如果你用的是一个图片来做点击实现跳转的话,那么就可以通过在图片外面包裹一个a标签来实现点击并获取输入值。

      现在问题是这样写:

    <a href="" οnclick=“page()”>那么浏览器中是不能实现跳转的呢。因为page()的js方法中不管你怎么写Windows.location.href="www.zhishuibei.com";都不能跳转,原因是a标签的href里面是空的,浏览器执行了这个地方。那么怎么办呢?

      其实写程序久了就容易忘了html里面的一些常识。呵呵。那么问题怎么解决呢?看下面:

    <a href="javascript:page();">现在去试试呢。或者:

    <a href="javascript:;" οnclick="page()">

    也去试试呢。没有浏览器兼容的问题吧。呵呵。就这么简单。只是因为忘了一些HTML常识而已。

    下面是我的页面源码,共享出来给大家:

    blog.php:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <!--
    
    Design by Free CSS Templates
    http://www.freecsstemplates.org
    Released for free under a Creative Commons Attribution 2.5 License
    
    Title      : Simpleton 
    Version    : 1.0
    Released   : 20110315
    Description: A two-column web design, best for your personal and business blogging.
    
    -->
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>GayaYang的个人博客---首页</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="/default.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="/css/xp1980.css" />
    <script type="text/javascript" src="/css/xp1980.js"></script>
    <style type="text/css">
    /*
    a{color:blue}
     body {	margin: 0; padding: 0;
    	/*font: 10px normal Verdana, Arial, Helvetica, sans-serif;
    	background: #fff; }
    img {border: none;}
    ul,li{list-style: none;}
    */
    #menu_out{width:964px;background:url(/images/menu_left.gif) no-repeat left top;margin:5px auto;}
    #menu_in{background:url(/images/menu_right.gif) no-repeat right top;padding-right:4px;}
    #menu{height:46px;}
    #menu ul{padding:0;border:0;list-style:none;line-height:150%;margin-left:4px;}
    #topnav ul{font-size: 14px;float: left;}
    #topnav li{width:119px; overflow: hidden; float: left; height:46px;}
    #topnav a, #topnav span {width:119px;padding:11px 0;text-align:center;float: left; text-decoration: none; color: #fff;text-transform: uppercase;clear: both;height: 24px;line-height: 24px;font-size: 14px;}
    
    #topnav span{background: url(/images/a_bg.gif) repeat-x left top;}
    #topnav a{color: #000;background: url(/images/a_bg.gif) repeat-x left bottom;}
    
    #pages{
    	border:1px solid #939393;
        font-size:14px;
        margin:5px 5px;
        padding:1px 8px;
    }
    #pagea a:hover{
    	background-color:#103C5D;
        color:white;
    }
    </style>
    <script type="text/javascript" src="/images/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {	
    	$("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
    	$("#topnav li").each(function() { //For each list item...
    		var linkText = $(this).find("a").html(); //Find the text inside of the a tag
    		$(this).find("span").show().html(linkText); //Add the text in the span tag
    	}); 
    	
    	$("#topnav li").hover(function() {	//On hover...
    		$(this).find("span").stop().animate({ 
    			marginTop: "-46" //Find the span tag and move it up 40 pixels
    		}, 250);
    	} , function() { //On hover out...
    		$(this).find("span").stop().animate({
    			marginTop: "0" //Move the span back to its original state (0px)
    		}, 250);
    	});	
    });
    </script>
    </head>
    <body>
    <!-- start header -->
    <div id="header">
    <div style="width:960px;text-align:right;">
    	<ul>
    	 <li><a href="/index.php/login/loginblog" style="font:10px Consolas,normal Helvetica, Arial, sans-serif;">后台登录 | </a></li>
    	 <li><a href="#" style="font:10px Consolas,normal Helvetica, Arial, sans-serif;">版权申明 | </a></li>
    	 <li><a href="#" style="font:10px Consolas,normal Helvetica, Arial, sans-serif;">关于我 </a></li>
    	</ul>
    	</div>
    	<div id="logo">
    		<div style="font-size:50px;font-family:Consolas,normal Helvetica, Arial, sans-serif;"><a href="#" style="color:#0F2E5C">GayaYang's personal blog </a></div>
    		<a href="http://www.zhishuibei.com/" style="font:14px Consolas,normal Helvetica, Arial, sans-serif bloder">In the day with the wind, go up in the world.</a>
    	</div>
    	
    	
    	<div style="width:960px;text-align:right;">
    	
    	<!-- 导航条部分开始(拷贝过来的很不错的样式) -->	
    	<div id=menu_out>
    	<div id=menu_in>
    	<div id="menu">
    	<ul id="topnav">
    	<?php 
    		if($menu){
    			foreach ($menu as $row){
    	?>
    		<li><a href="<?php echo $row->Path;?>" style="clear:both;"><?php echo $row->Name;?></a></li>
    	<?php 			
    			}
    		}
    	?>		
        </ul>
    	</div>
    	</div>
    	</div>		
    	<!-- 导航条部分结束(拷贝过来的很不错的样式) -->	
    	</div>
    </div>
    <!-- end header -->
    <!-- start page -->
    <div id="wrapper">
    	<div id="page">
    		<!-- start content -->
    		<div id="content">
    		<?php 
    			if(!empty($datas)){
    				$_month=array('01'=>'Jan','02'=>'Feb','03'=>'Mar','04'=>'Apr','05'=>'May','06'=>'Jun','07'=>'Jul','08'=>'Aug','09'=>'Sep','10'=>'Oct','11'=>'Nov','12'=>'Dec');
    				foreach ($datas as $row){
    					$month = substr($row->Date, 5,2);
    					$day = substr($row->Date, 8,2);
    					$month = $_month[$month];
    					$content = $row->Content;
    					if(strlen($row->Content)>500){
    						//echo htmlspecialchars($content);
    					    $content = mb_substr($row->Content,0,500,'utf-8').'......';
    					    //因为后来加入了代码高亮显示的功能插件,所以在截取字符串时要考虑是否截断了高亮显示的代码部分,如果截断了就会导致页面乱了。
    					    if(strpos($content, 'class="UGCode"')){
    					    	//$pos = strpos($content, '<div');
    					    	$content = $row->Content;
    					    } 
    					    //下面的方法是不用mb系列的函数而是调用model层自己写的函数来操作截取中文字符(不处理会出现中文乱码现象)
    					    //$content = $this->index_model->getstr($row->Content,300,'utf-8');
    					    //$content = $content.'......';
    					}
    		?>
    				<div class="post"  style="border-bottom: 1px solid #CCCCCC;margin:50px auto;">
    				<p class="date"><?php echo $month;?><b><?php echo $day;?></b></p>
    				<h2 class="title"><a href='/index.php/blog/blog_detail/<?php echo $row->ID;?>'><?php echo stripslashes($row->Title);?></a></h2>
    				<p class="meta"><small>Author: <a href="#"><?php echo $row->Author;?></a> | Date: <?php echo $row->Date;?>, 评论:<?php echo $row->Comment;?> | 转发:<?php echo $row->Transpublish;?> »</small></p>
    				<div class="entry">
    					<?php echo stripslashes($content);?>
    				</div>
    			</div>	
    		<?php 
    				}
    			}
    		?>
    		
    	<table>
    	<tr>
        <td height="29">
         <?php 
           if(!empty($datas)){
               if($total_rows%$limit==0){
                   $num = $total_rows/$limit;
               }else{
                   $num = intval($total_rows/$limit)+1;
               }
               if(empty($offset))
               	   $page=1;
               else 
                   $page=$offset/$limit+1;  
         ?>
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="15%" height="29" nowrap="nowrap"><span style="font-size:12px;">共<?php echo $total_rows;?>条纪录,每页<?php echo $limit;?>条纪录</span></td>
                <td width="85%" valign="top" class=""><div align="right">
                  <table height="20" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="62" height="22" valign="middle"><div align="right">
                      <?php if($page>1){
                      ?>
                      <a href=<?php echo "/index.php/blog/index/0/".$limit."/";?>><img src="/tab/images/first.gif" width="37" height="15" /></a>
                      <?php 
                      }else{
                      ?>
                      <img src="/tab/images/first.gif" width="37" height="15" />	
                      <?php 
                      }
                      ?>
                      </div>
                      </td>
                      <td width="50" height="22" valign="middle">
                      <div align="right">
                      <?php if($page>1){
                      ?>
                      <a href=<?php echo "/index.php/blog/index/".(($page-2)*$limit)."/".$limit."/";?>><img src="/tab/images/back.gif" width="43" height="15" /></a>
                      <?php 
                      }else{
                      ?>
                      <img src="/tab/images/back.gif" width="43" height="15" />	
                      <?php 
                      }
                      ?>
                      </div>
                      </td>
                      <td width='50' height='22' valign='middle'>
                      <div align="right">
                      <?php 
    //       			  for ($i = 1; $i < $num+1; $i++) {
    //                  	 echo "<span id='pagea'><a id='pages' href='/index.php/blog/index/".(($i-1)*$limit)."/".$limit."'".">".$i."</a></span>";		
    //           		  }
           			  if ($num > $pageNumber) {//控制如果超过了显示的页码数量,就只显示规定数量的。例如总共分了50个页面,而50个页面全部显示出来肯定页面就乱了,所以就规定只显示10个页码或者8个5个什么的。
                      	  if(!empty($page)){
                      	  	 $index = $page;
                      	  }else{
                      	  	 $index = 1;
                      	  }
                      	  for ($i = $index; $i < $index+$pageNumber/2-1; $i++) {
                      	  	 if($i>$num)
    	                  	 break;	
    	                  	 echo "<span id='pagea'><a id='pages' href='/index.php/blog/index/".(($i-1)*$limit)."/".$limit."'".">".$i."</a></span>";
    	           		  }
                      }
                      else{
    	                  for ($i = 1; $i < $num+1; $i++) {
    	                  	 echo "<span id='pagea'><a id='pages' href='/index.php/blog/index/".(($i-1)*$limit)."/".$limit."'".">".$i."</a></span>";		
    	           		  }
                      }
                      ?>
                      </div>
                      </td>
    <!--                  <td width="150" height="22"><?php //echo $pagination;?></td>-->
                      <td width="54" height="22" valign="middle">
                      <div align="right">
                      <?php if($page<$num){
                      ?>
                      <a href=<?php echo "/index.php/blog/index/".($page*$limit)."/".$limit."/";?>><img src="/tab/images/next.gif" width="43" height="15" /></a>
                      <?php 
                      }else{
                      ?>
                      <img src="/tab/images/next.gif" width="43" height="15" />	
                      <?php 
                      }
                      ?>
                      </div></td>
                      <td width="49" height="22" valign="middle">
                      <div align="right">
                      <?php if($page<$num){
                      ?>
                      <a href=<?php echo "/index.php/blog/index/".(($num-1)*$limit)."/".$limit."/";?>><img src="/tab/images/last.gif" width="37" height="15" /></a>
                      <?php 
                      }else{
                      ?>
                      <img src="/tab/images/last.gif" width="37" height="15" />	
                      <?php 
                      }
                      ?>
                      </div></td>
                      <td width="59" height="22" valign="middle"><div align="right" style="font-size:12px;">转到第</div></td>
                      <td width="25" height="22" valign="middle"><span class="STYLE7">
                        <input name="textfield" id="go" type="text" class="STYLE1" style="height:10px; width:25px;" size="5" />
                      </span></td>
                      <td width="23" height="22" valign="middle" style="font-size:12px;">页</td>
                      <td width="30" height="22" valign="middle"><a href="javascript:gotoPage();"><img src="/tab/images/go.gif" width="37" height="15" /></a></td>
                    </tr>
                  </table>
                </div></td>
              </tr>
            </table>
        <?php 
         }
        ?>
        </td>
        </tr>
    	</table>
    <script type="text/javascript">
    function gotoPage(){
    	var go = document.getElementById('go').value;
    	var limit = <?php echo $limit;?>;
    	window.location.href = "/index.php/blog/index/"+(go-1)*limit+"/"+limit;
    	//alert(window.location.href);
    }
    </script>
    	</div>
    		<!-- end content -->
    		<!-- start sidebar -->
    		<?php include 'sidebar.php';?>
    		<!-- end sidebar -->
    		<br style="clear: both;" />
    	</div>
    </div>
    <!-- end page -->
    <!-- start footer -->
    <div id="footer">
    <p id="legal"> ©2011 Simpleton . All Rights Reserved.
    	  •  
    	Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>   •  
    	Icons by <a href="http://famfamfam.com/">FAMFAMFAM</a>.	<a href="http://validator.w3.org/check/referer" class="xhtml" title="This page validates as XHTML">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a>   •   <a href="http://jigsaw.w3.org/css-validator/check/referer" class="css" title="This page validates as CSS">Valid <abbr title="Cascading Style Sheets">CSS</abbr></a> </p>
    <!-- end footer -->
    </div>
    </body>
    </html>
    
    


    展开全文
  • 所以请求大神帮忙看一下怎么才能一次性执行完 原html: </p><div class="weui-btn-area"> 提 交</a> 提交后出现的部分: 取消</a> "确认" : :after 提交后调用的JavaScript: ...
  • 你说的回调我考虑过,不过这样必然 造成 我必须要对我所有的ajax java端方法所返回的值都要加一个返回值,再根据这个值在js端处理,感觉这样就破环了VO的结构。 更主要的是,就算不考虑上面这些,采用这些方法,...
  • 在html或者jsp弹出文件另存为的对话框,可以调用document.execCommand方法调用JS方法document.execCommand即可前台页面调出另存为对话框,并将将服务器上存放的文件保存到本地。HTML页面另存为对话框DEMO.rar...

    在html或者jsp中弹出文件另存为的对话框,可以调用document.execCommand方法

    调用JS方法document.execCommand即可在前台页面调出另存为对话框,并将将服务器上存放的文件保存到本地。HTML页面另存为对话框DEMO.rar

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    22

    代码:

    function getimg() //另存为存放在服务器上图片到本地的方法

    {

    event.returnValue=false;

    show.window.location.href=imgSrc.src;

    timer=setInterval(checkload,100)

    }

    function checkload()

    {

    if(show.readyState!="complete")

    {

    //调用document.execCommand方法,'Saveas'表示打开文件另存为对话框命令

    show.document.execCommand('SaveAs');

    clearInterval(timer)

    }

    }

    取消

    评论

    展开全文
  • 页面传值小技巧平常我们做的web项目,一般一个HTML页面上会有好几个步骤,step_num①,step_num②,step_num③,一般先显示step_num①,根据跳转条件显示step_num②,step_num①隐藏,再跳转step_num③,step_num...
  • go.php页面代码首先网站根目录创建一个名字为 go 的文件夹,并该文件夹创建 index.php 文件。<?php /** * WordPress外链go跳转页面 - https://www.dujin.org/12762.html * @copyright (c) Emlog All Rights...
  • 在html开发,经常碰到同一个form表单下,不同按钮跳转不同界面,如下,代码如下:当点击批量删除时,可以正常跳转到delall.php页面,但是批量审批时,由于使用botton按钮,就不能跳转到sh.php页面,怎么解决跳转...
  • 今天接触SSM框架的第四天,后台Mybatis生成dao、entity和mapper后,测试成功,能够正常读写数据库了,但是,加入页面之后,通过controller不能实现页面的跳转,特求助~~ 访问情况: ![图片说明]...
  • 在html开发,经常碰到同一个form表单下,不同按钮跳转不同界面,如下,代码如下:当点击批量删除时,可以正常跳转到delall.php页面,但是批量审批时,由于使用botton按钮,就不能跳转到sh.php页面,怎么解决跳转...
  • js如何地址栏截取对应参数的值

    千次阅读 2018-04-20 16:41:51
    web前端开发过程页面跳转,地址栏传参时很普遍的事情,如果地址栏有很多参数,怎么一个个取值下来。话不多说,上代码:例子如地址栏为...
  • 那么下面就对浏览器,用js判断某用户是否安装了该应用,并判断是否打开该应用做个简单的介绍。 那么,怎么判断某用户是否安装了某应用呢? 这里,先写段html代码,如下: <!doctype ht...
  • 最近站点上设置了一下关于404页面的跳转, 因为不是很熟悉Nginx, 所以走了不少弯路, 此处记录一下, 希望可以帮助大家解决问题.1. 404 页面首先我们需要一个 404 的页面, 这个页面我把所有的 css 和 js 以及 html ...
  • 一个JS中突然出现的全局变量你可能根本不知道它是怎么出现的,因为JS都是通过<code>script标签引入的,你不知道哪个JS突然暴露了全局变量。 </li><li> <p>CSS的问题。CSS的重复和全局冲突比较多。 </li>...
  • 使用微信推广的朋友经常都会遇到推广链接被拦截导致无法下载app的情况,此时用户微信打开会提示“已停止访问该网页”。那么针对这个问题到底要怎么解决呢,下面给大家推荐两种解决方案。 以下方案可参考教程:...
  • 本人是个刚参加工作的小白 用html做了一个商城网站的前端 结果后台人员告诉我html文件无法服务器运行 要改成jsp格式的 a链接也无法跳转 要用button 加onclick 可是这样不是每个链接都要跟一个js吗 会很麻烦的吧...
  • 编写了一个简单的登录网页,但是不知道哪里出了问题,页面跳转的时候显示“内部服务器错误”怎么解决呢,出这个问题的原因哪里呢,望各位大神指点~代码如下截图所示: ![图片说明]...
  • 首先我们先来了解一下知识点: DOM模型是一个树形结构,DOM... JS冒泡事件:当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会那个元素的(所有祖先元素)被触发。这 一过程被称为事...
  • .net easyuimvc过滤器处理报错时怎么跳回到登录界面 我用mvc的过滤器做了一个全局的异常处理,前台是用的easyui框架,报错后想跳回登录界面,可是一直跳转不出去求大神帮忙解决 跳转方法: public static void ...
  • 原生JS的开发,我们经常会用到根据某一状态进行页面的跳转。 比如:登录成功跳到首页,点击商品列表的某个商品跳转商品详情等。 而常见的写法就是: location.href("index.html"); 或 window.open("index...
  • 之前试验了下,在html文件里使用js实现页面跳转到到另一个静态html文件(参考http://www.cnblogs.com/aszx0413/articles/1886819.html),但是这种方式只能跳转静态页面吧?怎么跳转到另一个能从服务器获取数据的...
  • Vue路由跳转+路由传参

    千次阅读 2019-04-08 10:07:47
    之前原生JS的开发,我们经常会用到根据某一状态进行页面的跳转。 比如:登录成功跳到首页,点击商品列表的某个商品跳转商品详情等。 而常见的写法就是: location.href("index.html") 那么vue是基于路由的...
  • 见图一,我用action跳转到index.html,跳转action如下: [code="java"] <result>admin/index.html</result> [/code] 该html如下:[code="java"]<html> ...
  • js定时器

    2008-05-26 12:31:00
    浏览别人的站点时,有时会看到别人的站点有一个飞雪连天的背景,或者页面可以一定时间之后自动跳转,这是怎么实现的呢? 其实,只要掌握一点javascript的定时器的技术,这一切就可简单搞定。 页面上简单地跳转...
  • Android WebView JS的注入

    千次阅读 2017-07-17 22:05:34
    JavaScriptWeb开发非常有用,而现在越来越多的App界面也由Javascript来创建,我们需要解决一个问题:java与javaScript怎么进行交互呢? 例如,我们可以在html中创建一个按钮,为按钮事件添加一个界面。然后你...
  • 我需要主窗口点击一些导航链接,iframe的页面可以跳转html片段如下: [code="html"] <a href="a.html" target="myframe">a</a> <a href="b.html" target="myframe">b</a> <a href="c....
  • 抽离公共方法,播放器有很多可能需要抽离的公共方法如:点击播放进度条和音量进度条时需要计算鼠标距离进度条左端的距离以进行进度跳转,时间从duratin获取到的以秒为单位的时间转换成标准时间格式等等:const...
  • 就不报错了,但也不跳转页面……跳转页面难道是写在JS里的?之前3.x的时候我都是用的第一种写法它直接就跳转了的啊…… 官网上的例子也都没有涉及到真正页面跳转的,照着API里的简单例子写成了这样,但还是不行...

空空如也

空空如也

1 2 3 4 5
收藏数 88
精华内容 35
关键字:

怎么在js中跳转html