怎么使用webView去 加载本地CSS

html-css011

怎么使用webView去 加载本地CSS,第1张

可以用js加载css。

webview.setWebViewClient(new WebViewClient() {

....

public void onPageFinished(WebView view, String url) {

src="file:///android_asset/xxx.js"

String baseUrl = "file:///android_asset"

view.loadDataWithBaseURL(baseUrl, strHtml, "text/html", "utf-8", null)

}

....

}

js文件如下:

function loadjscssfile(filename,filetype){

if(filetype == "js"){

var fileref = document.createElement('script')

fileref.setAttribute("type","text/javascript")

fileref.setAttribute("src",filename)

}else if(filetype == "css"){

var fileref = document.createElement('link')

fileref.setAttribute("rel","stylesheet")

fileref.setAttribute("type","text/css")

fileref.setAttribute("href",filename)

}

if(typeof fileref != "undefined"){

document.getElementsByTagName("head")[0].appendChild(fileref)

}

}

调用方式:

loadjscssfile("test.css","css")

不可以

web的主要组成是html+css。js只是辅助实现一些效果所以由此可以看出来,html+css才是主流,从另一方面来说。网站建好之后要进行优化推广,各大搜索引擎是不认识js是什东西的,他们很排斥js。相比起来,他们很喜欢html。所以,在建设网站的时候要尽量少用或者是不用js。

专业将这三者的关系:

1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

2. CSS样式是表现(外观控制)。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

CSS 指层叠样式表 (Cascading Style Sheets),样式定义如何显示 HTML 元素。CSS样式表又分为三种方式,内联样式表、内联引用和外部样式表。下面具体介绍它们的写法:

1.内联样式表:在HTML文档头部 <head>区域使用<style>元素 来包含CSS。

2.内联引用: 在HTML元素中使用"style" 属性,直接对指定元素应用样式。

3.外部样式表:将样式单独写在CSS文件内,通过引入外部 CSS 文件来应用样式。这种方法常应用于大型开发中。