如何在html代码中使用swift变量?

时间:2018-05-06 11:17:10

标签: html swift

我尝试在html代码中使用swift变量。 但首先,这是我的代码:

import UIKit
import WebKit

let webView = WKWebView()

class LoginViewController: UIViewController {

@IBOutlet weak var usernameTextField: UITextField!
@IBOutlet weak var passwordTextField: UITextField!

var testVar = "test"
var theResult: String = ""


override func viewDidLoad() {
    super.viewDidLoad()

    let url = URL(string: "someUrl")!
    let request = URLRequest(url: url)
    webView.frame = CGRect(x: 0, y: 300, width: 300, height: 300)
 //   webView.sizeToFit()
    webView.load(request)
    view.addSubview(webView)

}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
    // Dispose of any resources that can be recreated.
}

@IBAction func loginButton(_ sender: Any) {

        webView.evaluateJavaScript("document.getElementById('username').value='\(usernameTextField.text!)'", completionHandler: nil)
        webView.evaluateJavaScript("document.getElementById('password').value='\(passwordTextField.text!)'", completionHandler: nil)
        webView.evaluateJavaScript("document.getElementsByTagName('button')[0].click()", completionHandler: nil)
        webView.evaluateJavaScript("document.getElementsByClassName('item623')[0]. getElementsByTagName('a')[0].click();", completionHandler: nil)

    getValues()

    }

func getValues()
{

    webView.evaluateJavaScript("document.getElementsByTagName('table')[1].getElementsByTagName('tr')[1].getElementsByTagName('td')[0].innerText") { (result, error) in
        if error != nil {
            print(result)
            self.theResult = (result as? String) ?? ""
            //self.theResult = result
            print(result)
            print("\(webView.evaluateJavaScript("document.getElementsByTagName('table')", completionHandler: nil))")

        }
    }

    webView.loadHTMLString("""
    <table Border=“1“>
        <caption>
            Vertretungsplan
        </caption>
            <tr>
        <td align=“center“ width=“250px“ length=“100px“>"\(theResult)"</td>
                <td>test1</td>
            </tr>
            <tr>
                <td>Hello World!</td>
                <td>test2</td>
            </tr>
            <tr>
                <td>test3</td>
                <td>hello</td>
            </tr>
    </table>
    """, baseURL: nil)

}}

html代码的一部分:

<table class=„mon_head“>…</table>
<div class = „mon_title“>4.5.2018 Freitag</div>
<table class="mon_list">
    <tbody>
    <tr class="list"></tr>
    <tr class="odd list">
        <td align="center" class="list">...</td>
        <td align="center" class="list">4</td>
        <td align="center" class="list">Vertretung</td>
        <td align="center" class="list">Mu</td>
        <td align="center" class=„list“>45</td>
        <td class=„list“> </td>
        <td class=„list“> </td>
        <td class=„list" align=„center“>WaS</td>
        <td class=„list" align=„center“> </td>
    </tr>
    <tr class="list even“></tr>
        …
   </tbody>
</table>

在变量为的字段中,代表“”。 如果你执行

document.getElementsByTagName('table')[1].getElementsByTagName('tr')[1].getElementsByTagName('td')[0].innerText

在控制台的网站上,然后将返回“VIb”。它在这一行的树点上:

<td align="center" class="list">...</td>

所以问题是“”而不是“VIb”在表中。 希望你能帮助我^^

1 个答案:

答案 0 :(得分:0)

而不是使用print语法 - (theResult) - 尝试使用字符串连接。

改变这个:

<td align=“center“ width=“250px“ length=“100px“>"\(theResult)"</td>

对此:

<td align=“center“ width=“250px“ length=“100px“>" + theResult + "</td>

更重要的几点:

  • 在Swift中,“转义”字符为\。因此,要添加双引号,您应该使用<td align=“center "。当您编写代码时,我会说HTML字符串的值确实无法预测。
  • 逐一尝试“构建”字符串,la var myString = "<td align=“center "然后在myString += "width=”250px "中的下一行代码,依此类推等等。添加断点并实际查看您正在构建的字符串。

修改

我上面说的每一句话都是正确的。 (我确实说你的字符串值很难预测!)当心,冗长的答案即将到来 - 希望你能看到我在说什么。

您想要一个HTML字符串,如果您这样做:

let theResult = "Vlb"
let loadHTMLString = """
    <table Border=“1“>
    <caption>
    Vertretungsplan
    </caption>
    <tr>
    <td align=“center“ width=“250px“ length=“100px“>"\(theResult)"</td>
    <td>test1</td>
    </tr>
    <tr>
    <td>Hello World!</td>
    <td>test2</td>
    </tr>
    <tr>
    <td>test3</td>
    <td>hello</td>
    </tr>
    </table>
    """
    print(loadHTMLString)

输出是这样的:

<table Border=“1“>
<caption>
Vertretungsplan
</caption>
<tr>
<td align=“center“ width=“250px“ length=“100px“>"Vlb"</td>
<td>test1</td>
</tr>
<tr>
<td>Hello World!</td>
<td>test2</td>
</tr>
<tr>
<td>test3</td>
<td>hello</td>
</tr>
</table>

这是我的建议,但是使用你的字符串变量。它很接近,但请注意Vlb周围的双引号。所以也许你的问题不是你是如何构建你的HTML字符串的 - 也许theReturn真的 是空的。

那就是说,这就是构建HTML字符串所需要的(也是我提出的):

let loadHTMLString =
        "<table Border=\"1\"<caption>Vertretungsplan</caption>" +
            "<tr>" +
                "<td align=\"center\" width=\"250px\" length=\"100px\">" + theResult + "</td>" +
                "<td>test1</td>" +
            "</tr>" +
            "<tr>" +
                "<td>Hello World!</td>" +
                "<td>test2</td>" +
            "</tr>" +
            "<tr>" +
                "<td>test3</td>" +
                "<td>hello</td>" +
            "</tr>" +
        "</table>"

现在其中一些是“语法糖”我猜(缩进并使用+字符表示单独的行)但结果如下:

<table Border="1"<caption>Vertretungsplan</caption><tr><td align="center" width="250px" length="100px">Vlb</td><td>test1</td></tr><tr><td>Hello World!</td><td>test2</td></tr><tr><td>test3</td><td>hello</td></tr></table>

很抱歉它在一行中显示的方式,但它是有效的以及您想要的HTML。 : - )

要注意的三件事:

  • 我正在使用+进行字符串连接,包括将theResult插入字符串。
  • 我在字符串中的每个引号之前使用转义字符\,从而消除了"""
  • 我在你的字符串中找到的第三件事(它不在我的字符串中)是你正在使用我认为被称为“结束双引号”的东西,我的键盘本来就没有。

同样,实际问题可能是您的字符串未显示theResult,但事实上theResult包含空字符串。如果是这种情况,请告诉我,我很乐意删除我的答案!无论哪种方式,祝你好运。