AngularJS 打开新的标签页实现代码


Posted in Javascript onSeptember 07, 2017

废话不多说了,直接给大家贴代码了,具体代码如下所示:

<!DOCTYPE html> 
<html ng-app="myPro"> 
  <head> 
    <meta charset="UTF-8"> 
    <title>angularJS-打开新的标签页</title> 
    <script type="text/javascript" src="js/angular.min.js" ></script> 
    <script type="text/javascript" src="js/jquery-1.11.0.js" ></script> 
  </head> 
  <body ng-controller="myProController"> 
    <button ng-click="click_this()">打开新的标签页</button> 
  </body> 
  <script> 
    var pro = angular.module("myPro",[]); 
    pro.controller("myProController",["$scope","$location",function($scope,$location){ 
      $scope.click_this = function(){ 
        var url = $location.absUrl().split("angularJS_")[0]+'angularJS_newTab.html'; 
        window.open(url,"_blank"); 
      }; 
    }]); 
  </script> 
</html>

总结

以上所述是小编给大家介绍的AngularJS 打开新的标签页实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
学习YUI.Ext 第三天
Mar 10 Javascript
基于JQuery实现异步刷新的代码(转载)
Mar 29 Javascript
document.getElementById介绍
Sep 13 Javascript
中止javascript执行的方法
Feb 14 Javascript
学习javascript面向对象 掌握创建对象的9种方式
Jan 04 Javascript
js事件源window.event.srcElement兼容性写法(详解)
Nov 25 Javascript
JavaScript &amp; jQuery完美判断图片是否加载完毕
Jan 08 Javascript
Angular下H5上传图片的方法(可多张上传)
Jan 09 Javascript
JavaScript获取tr td 的三种方式全面总结(推荐)
Aug 15 Javascript
Vuex入门到上手教程
Jun 20 Javascript
图文讲解用vue-cli脚手架创建vue项目步骤
Feb 12 Javascript
一文了解vue-router之hash模式和history模式
May 31 Javascript
基于Cookie常用操作以及属性介绍
Sep 07 #Javascript
基于require.js的使用(实例讲解)
Sep 07 #Javascript
基于vue.js路由参数的实例讲解——简单易懂
Sep 07 #Javascript
JQuery 获取多个select标签option的text内容(实例)
Sep 07 #jQuery
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 #jQuery
jQueryUI Sortable 应用Demo(分享)
Sep 07 #jQuery
Django使用多数据库的方法
Sep 06 #Javascript
You might like
Extended CHM PHP 语法手册之 DIY
2006/10/09 PHP
提升PHP执行速度全攻略(下)
2006/10/09 PHP
ThinkPHP CURD方法之data方法详解
2014/06/18 PHP
PHP 实现类似js中alert() 提示框
2015/03/18 PHP
Codeigniter校验ip地址的方法
2015/03/21 PHP
PDO::inTransaction讲解
2019/01/28 PHP
PHP7 其他修改
2021/03/09 PHP
扩展javascript的Date方法实现代码(prototype)
2010/11/20 Javascript
根据经纬度计算地球上两点之间的距离js实现代码
2013/03/05 Javascript
轻松实现jquery选项卡切换效果
2016/10/10 Javascript
JavaScript中的编码和解码函数
2017/02/15 Javascript
原生JS实现《别踩白块》游戏(兼容IE)
2017/02/20 Javascript
JavaScript正则表达式简单实用实例
2017/06/23 Javascript
基于JavaScript实现多级菜单效果
2017/07/25 Javascript
10分钟上手vue-cli 3.0 入门介绍
2018/04/04 Javascript
js统计页面上每个标签的数量实例代码
2018/05/29 Javascript
React优化子组件render的使用
2019/05/12 Javascript
Vue触发隐藏input file的方法实例详解
2019/08/14 Javascript
python中set常用操作汇总
2016/06/30 Python
使用python实现个性化词云的方法
2017/06/16 Python
python编写Logistic逻辑回归
2020/12/30 Python
Python+selenium实现截图图片并保存截取的图片
2018/01/05 Python
Python对多属性的重复数据去重实例
2018/04/18 Python
python中scikit-learn机器代码实例
2018/08/05 Python
使用Python实现在Windows下安装Django
2018/10/17 Python
python3.4 将16进制转成字符串的实例
2019/06/12 Python
python二维码操作:对QRCode和MyQR入门详解
2019/06/24 Python
巧用CSS3的calc()宽度计算做响应模式布局的方法
2018/03/22 HTML / CSS
一款html5 canvas实现的图片玻璃碎片特效
2014/09/11 HTML / CSS
廉洁家庭事迹材料
2014/05/15 职场文书
医生爱岗敬业演讲稿
2014/08/26 职场文书
个人授权委托书样本
2014/09/13 职场文书
css背景和边框标签实例详解
2021/05/21 HTML / CSS
html+css实现滚动到元素位置显示加载动画效果
2021/08/02 HTML / CSS
Elasticsearch 配置详解
2022/04/19 Java/Android
win10怎么设置右下角图标不折叠?Win10设置右下角图标不折叠的方法
2022/07/15 数码科技