android使用html+javascript来制作页面

一般的android界面使用的是XML.但是XML如果要制作很高级的UI,会很复杂.如果使用HTML老进行UI设计就会简单很多. android早就提供了这样的借口. WebView.addJavascriptInterface(Object obj, String interfaceName) 其中obj是我们自己用来实现功能的一个类,interfaceName是一个对象的名称,就是obj这个对象的名称. 这样说可能有点抽象,但是看一个例子就会明白. 既然是html,那肯定就要有一个HTML文…

Android - FragmentTabHost 与 Fragment 制作页面切换效果

使用 FragmentTabHost 与 Fragment 制作页面切换效果 API 19 TabHost已经不建议使用了.用 FragmentTabHost 来代替TabHost.实际上 FragmentTabHost 继承自 TabHost 效果图: 主文件是FragmentTabHostDemo.java 继承自FragmentActivity: 设置3个底部标签,自定义了标签切换时的标签变化: 添加标签页有多种方式,每个标签页对应一个fragment 每次切换fragment,都会调用f…

Android - TabHost 与 Fragment 制作页面切换效果

Android - TabHost 与 Fragment 制作页面切换效果 Android API 19 , API 23 三个标签页置于顶端效果图: 在文件BoardTabHost.java中定义页面切换的效果:切换页面时,当前页面滑出,目标页面滑入.这是2个不同的动画设定动画时要区分对待 import android.content.Context; import android.util.AttributeSet; import android.view.animation.Anima…

Android WebView与JavaScript交互操作（Demo）

应用场景: 为了使Android移动项目能够在较短的时间内完成开发,同时降低技术人员开发的成本投入,往往会采用Hybrid APP的开发模式.相关Hybrid APP(混合型应用)参看:http://blog.csdn.net/mahoking/article/details/30235243 采用这种模式,为了解决更好的用户体验,可访问本地资源的能力.势必需要了解与掌握Android(java)与JavaScript之间的交互.相互调用操作的方法与技术. [转载使用,请注明出处:http://…

Android较低版本(<5.2) 页面默认Select选择框效果的BUG解决

Bug描述: 使用低版本安卓(<5.2),在微信上打开网页,点击下拉框,会出现如下图所示的用来展示select选项的弹出框: 在选项较少的时候,可以向下滑动,将选项滑到底部滑动前: 滑动后: 期望达到的效果: 解决方案: 判断是否是微信环境: function isWeixinBrowser(){ return /micromessenger/.test(navigator.userAgent.toLowerCase()); } 判断安卓版号: var userAgent = navigato…

Html JavaScript网页制作与开发完全学习手册

Html JavaScript网页制作与开发完全学习手册篇 HTML技术章 HTML入门 1.1 什么是HTML 1.1.1 HTML的特点 1.1.2 HTML的历史 1.2 HTML文件的基本结构 1.2.1 HTML文件结构 1.2.2 编写HTML文件注意事 1.3 HTML文件编写方法 1.3.1 使用记事本编写HTML页面 1.3.2 使用Dreamweaver编写HTML文件 1.4 网页设计与开发的过程 1.4.1 明确网站定位 1.4.2 收集信息和素材 1.4.3 规划栏目…

javascript实现当前页面截屏

javascript实现当前页面截屏一.前言有客户要求能对用户当前页面进行指定区域截屏,类似qq截屏的实现效果.比如用户在处理工作的时候,将当前页面录入后的一些信息进行截图下载保存.但又不能安装任何客户端控件,只能用javascript实现.网上搜索了一下,没有可用的方案(http://www.2cto.com/kf/201301/184453.html,这个虽然提供了方法,但是在实际使用中无法满足,例如支持低版本的IE,支持内嵌的iframe截图).但是也找到了一些可能的思路,经过几天奋战…

使用javascript实现html页面直接下载网盘文件

公司新建一网站,用的是商派的易开店系统.设计方案中有一个是下载文件的功能,但易开店不支持上传资源,所以无法下载本站资源. 于是想到了网盘资源下载,有些网站是把页面链接到网盘资源文件下载页面,进行二次跳转下载.但是这种效果客户体验不佳,没用过网盘的客户下载起来就会变的有点麻烦.如果能提取出网盘资源文件的下载网址,直接在下载页面进行操作就好了,效果跟本站下载一样! 一.下载本地资源的方法: <a href="/src/download.rar">下载文件</a> 二…

Android：res之shape制作圆角、虚线、渐变

xml控件配置属性 android:background="@drawable/shape" 标签 corners ----------圆角gradient ----------渐变padding ----------内容离边界距离size ------------大小 solid ----------填充颜色stroke ----------描边注意的是corners的属性bottomLeftRadius为右下角.bottomRightRadius为左下角 shape制作圆角 &l…

android recovery模式及ROM制作

转自android recovery模式及ROM制作 1.总述为了方便客户日后的固件升级,本周研究了一下android的recovery模式.网上有不少这类的资料,但都比较繁杂,没有一个系统的介绍与认识,在这里将网上所找到的和自己通过查阅代码所掌握的东西整理出来,给大家一个参考! 2.Android启动过程在这里有必要理一下android的启动过程: 图1 android启动过程系统上电之后,首先是完成一系列的初始化过程,如cpu.串口.中断.timer.DDR等等硬件设备,然后接着加载b…

Android : 如何在WebView显示的页面中查找内容

Android : 如何在WebView显示的页面中查找内容 Author : Aoyousatuo Zhao http://blog.sina.com.cn/aoyousatuo WebView是Android提供的常用组件之一.它主要被设计用来显示html文件.正因为如此,所以在应用的开发过程中我们可以通过将需要显示的内容整理成html格式的 String从而轻松实现各种排版的效果. 虽然WebView组件封装了许多功能为应用的开发提供了便利,但是由于其开放的方法有限,有时候这种便利往往会给…

屏蔽电信流氓广告造成的诡异的问题--Android WebView 长时间不能载入页面

发如今家里的时候用Android App里的WebView打开站点非常慢,会有十几秒甚至更长时间的卡住. 可是在电脑上打开相同的网页却非常快. 查找这个问题的过程比較曲折,记录下来. 抓取Android网络数据为了调试这个问题,首先要抓取Android的网络包数据.開始时,是想用Wireshark来抓包的,可是非常麻烦,tcpdump在手机要root权限. 于是转换思路,能不能在Android上设置代理,来抓包? 可是fiddler没有linux版本号,于是转用BurpSuite了. 设置An…

在 Cordova/Phonegap for Android 中包含中文文件名的页面

在 Cordova/Phonegap for Android 中包含中文文件名的页面本贴首发于: http://xuekaiyuan.com/forum.php?mod=viewthread&tid=14 将中文文件名重命名为 jarsigner 程序支持的文件名将文件名按 UTF-8 编码进行 URL 编码. $encodename = urlencode(iconv('GB2312','UTF-8',$filename)); 判断是否和原来的文件名相同 if ($encodename !…

HTML里的哪一部分Javascript 会在页面加载的时候被执行？

最近遇到一个问题:HTML里的哪一部分Javascript 会在页面加载的时候被执行()A : 文件头部 B : 文件尾 C : <head>标签部分 D : <body>标签部分虽然大家都知道选D,但是关于答案的解析众说纷纭,由此可见大家对于浏览器的加载解析渲染还是不够了解. 浏览器是从上到下依次加载并解析的. 当浏览器加载html文件并解析到<head>时,页面也就是<body>并没有被解析,浏览器会等到<head>中的js执行完再加载页面…

HTML、CSS、JavaScript网页制作从入门到精通 (刘西杰) pdf扫描版彩色版

html.css.JavaScript网页制作从入门到精通中从基础知识开始讲起,如html的基本标记.文字与段落标记.表格标记.超链接标记……同时介绍了目前流行的web标准与css网页布局实例,以及基于语言的网页特效制作.需要的朋友们可以下载看看! HTML\CSS\JavaScript网页制作从入门到精通共分为18章和4个附录,重点介绍使用HTML进行网页制作的方方面面,同时讲解了目前流行的Web标准与CSS网页布局实例,以及基于JavaScript语言的网页特效制作.为了便于读者学习,附录中…

使用HTML5的JavaScript选择器操作页面中的元素

<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>使用HTML5的JavaScript选择器操作页面中的元素</title> </head><body> <div>  <h2>…

用javascript实现禁止页面后退返回上一页的代码

用javascript实现禁止页面后退返回上一页的代码: 有时候我们需要用户在点击了如下一步的按钮时,页面跳转到了下一个页面,这时想不允许用户返回后退到上一页,可以采用下面的方法: 在需要跳转的页面(上一个页面),添加如下代码: <script type="text/javascript"> history.go(1); </script> 这时,如果从此页面跳到另外一个页面后,即使点击浏览器的后退按钮也是无效的,也回不到刚才的页面了. 其实方法不唯…

JQuery javascript实现父子页面相互调用

javascript实现父子页面相互调用 By:授客 QQ:1033553122 场景1 父页面调用子页面如上图,在iframe子页面的<script>元素中,定义了taskStatus全局变量,如果希望在其父页面中获取该全局变量的值,则可在父页面的<script>元素中新增js脚本如下: var taskStatus = document.getElementById('iframe-1-11').contentWindow.taskStatus; 注:这里iframe-1-1…

JavaScript插件制作-tab选项卡

JavaScript插件制作练习-鼠标划过选项卡切换图片 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } body { background: #353131; } .warp { posi…

JS事件什么是事件？JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。

什么是事件 JavaScript 创建动态页面.事件是可以被 JavaScript 侦测到的行为. 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件. 比如说,当用户单击按钮或者提交表单数据时,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,返回给用户一个结果. 主要事件表:…

JavaScript监听页面可见性（焦点）同时改变title的三种方法

JavaScript监听页面可见性(焦点)同时改变title的三种方法本文参考了https://developer.mozilla.org/zh-CN/docs/Web/API/Page_Visibility_API onfocus onblur window.onfocus = function() { console.log("onfocus"); document.title="在这"; }; window.onblur=function(){ consol…

使用 JavaScript 的 HTML 页面混合、JavaScript 文件引用和 HTML 代码嵌入 3 种方式在 HTML 页面上打印出“点击我进入到百度首页”的超链接

查看本章节查看作业目录需求说明: 使用 JavaScript 的 HTML 页面混合.JavaScript 文件引用和 HTML 代码嵌入 3 种方式在 HTML 页面上打印出"点击我进入到百度首页"的超链接前 2 种方式点击超链接后进入到百度首页,最后一种方式点击超链接后打印出字符串:"跳转成功" 实现思路: 创建站点,新建HTML页面,在 HTML 页面的 <body>标签中编写 JavaScript 脚本,在脚本中输出超链接在站点内创建一个…

用JavaScript制作页面特效

1.Window对象名称 history:有关客户访问过的URL的信息 location:有关当前URL的信息 screen:有关客户端的屏幕和显示性能的信息常用方法 prompt():弹出输入框 alert():弹出警告框 confirm():弹出确认对话框 close():关闭浏览器窗口 open(): window.open("弹出窗口的url","窗口名称","窗口特征",) setTimeout():计时 setInterval()…

【JavaScript制作页面时常用的五个特效，你用到了哪个？】

常用的五个特效的相关知识点见附录(五道例题后有附录哦~): 例一: 1.在某页面中有一个图片和五个超链接,如下图所示: 单击不同的数字超链接显示不同的图片: 图1 图片幻灯片显示效果提示: (1)默认显示一个图片,五个超链接调用同一个传参函数,参数设置为显示图片的名称. (2)使用"对象名.属性值"或setAttribute()的方式改变图片的名称. JS参照代码如下: <script type="text/javascript"> var num =…

Android原生代码拦截H5 Web页面中JavaScript弹窗/弹框

<html> <body> <script> function showAlert(){ alert("JavaScript - hello , world !"); } function showConfirm(){ confirm("访问 https://blog.csdn.net/zhangphil"); } function showPrompt(){ var string=prompt("请输入用户名"…

使用JavaScript制作页面效果3

一. 1.下拉列表:select对象属性: option[ ]:选项数组 selectedIndex:被选中选项的索引号 length:选项总数方法: add(option对象,添加位置):增加选项 2.JavaScript访问样式的常用方法 style属性(对象) className属性 3.实现元素的显示和隐藏 display属性: none:不显示 block:显示 <!DOCTYPE html> <html> <head> <meta charset=…

使用JavaScript制作页面特效2

1.Date对象的常用方法 setFullYear() setMonth() setDate() setHours() setMinutes() setSeconds() 定时函数 setTimeout:等待某段时间后调用某个函数(1次) 语法:setTimeout("调用的函数名称",等待时间) 消除:clearTimeout() setInterval:每隔某段时间反复调用某个函数(多次) 语法:setInterval("调用的函数名称",间隔时间) 清除:cl…

Android+Jquery Mobile学习系列(4)-页面跳转及参数传递

关于页面转场,这个必须得专门列出来说明一下,因为Jquery Mobile与普通的Web发开有一些区别,这个对于新手如果不了解的话,就会钻到死胡同.撸主前段时间就是很急躁地上手开发程序,结果在页面转场和参数传递的时候遇到各种奇怪的问题,最后几乎打算删掉html,改用Android原生layout来做程序了. 不得不说,Jquery mobile给我们这种做Java Web项目的人带来了很多新鲜的玩意儿,虽然多多少少有些不适应,但是我们得被动接受,久而久之就习惯. 前面一对废话结束,下面正式开始本…

JavaScript特效制作经典精讲（案例入门详解、可直接粘贴拷贝运行、史上最牛案例）

技巧一.添加链接提示 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="…

【Android】webview javascript 注入方法

Android中向webview注入js代码可以通过webview.loadUrl("javascript:xxx")来实现,然后就会执行javascript后面的代码. 但是当需要注入一整个js文件的时候,貌似就有点麻烦了.不过理清以下思路,方法其实也很简单,如下:我们通过在webview的onPageFinished方法中执行js代码注入: 第一种: 当webview加载完之后,读取整个js文件中的内容,然后将整个文件内容以字符串的形式,通过webview.loadUrl(&quo…

【android使用html+javascript来制作页面】的更多相关文章